/*
 * Rosenberg Diamonds — theme base.
 * Centralises tokens (colours, typography, gradients) and global @font-face for the theme.
 * Loaded before any module (shell, product, archive, popup).
 */

/* =========================================================================
   Fonts
   ========================================================================= */

@font-face {
	font-family: 'Trajan';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url('/wp-content/uploads/2025/07/trajan-pro-3-regular.woff') format('woff');
}

@font-face {
	font-family: "MADE Mirage";
	src: url("/wp-content/uploads/2025/07/MADE-Mirage-Thin-PERSONAL-USE.woff") format("woff");
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "MADE Mirage";
	src: url("/wp-content/uploads/2025/07/MADE-Mirage-Regular-PERSONAL-USE.woff") format("woff");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "MADE Mirage";
	src: url("/wp-content/uploads/2025/07/MADE-Mirage-Medium-PERSONAL-USE.woff") format("woff");
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

/* =========================================================================
   Minimal reset (replaces reset.css from Hello Elementor in the native shell)
   ========================================================================= */

*,
*::before,
*::after {
	box-sizing: border-box;
}

html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
}

body {
	margin: 0;
	font-family: var(--rd-font);
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	background-color: var(--rd-surface);
	color: var(--rd-ink);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
}

img {
	max-width: 100%;
	height: auto;
	display: block;
}

a {
	color: inherit;
}

button {
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
	cursor: pointer;
}

/* Accessibility: "Skip to content" and similar — visually hidden,
   visible to screen readers; become visible focus on Tab. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	-webkit-clip-path: inset(50%);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background-color: #fff;
	clip: auto !important;
	-webkit-clip-path: none;
	clip-path: none;
	color: var(--rd-navy);
	display: block;
	font-size: 1em;
	height: auto;
	left: 6px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 7px;
	width: auto;
	z-index: 100000;
}

/* =========================================================================
   Design tokens
   Canonical palette: shell gold (#c6a74f) unifies product + archive.
   ========================================================================= */

:root {
	/* Cores base */
	--rd-navy: #091734;
	--rd-gold: #c6a74f;
	--rd-gold-hover: #a98a3c;
	--rd-gold-light: #D1AA54;

	/* Surfaces and text */
	--rd-ink: #091734;
	--rd-muted: #5a5a5a;
	--rd-surface: #ffffff;
	--rd-soft: #f4f2ed;
	--rd-border: rgba(198, 167, 79, 0.5);

	/* Gradiente gold (usado no footer e detalhes) */
	--rd-gold-gradient: linear-gradient(176.34deg, #D1AA54 27.86%, #C6A74F 74.85%, #6B572B 96.99%);

	/* Tipografia */
	--rd-font: "MADE Mirage", sans-serif;
	--rd-font-nav: "Trajan", "Trajan Pro 3", "Trajan Pro", serif;
}