/**
 * sāya — design tokens (amorce).
 * Issus du README (design tokens). Les composants d'écran viendront s'appuyer
 * sur ces variables aux étapes suivantes.
 */

/* Import des polices (Cormorant Garamond + Nunito Sans). */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600&family=Nunito+Sans:opsz,wght@6..12,300;6..12,400;6..12,500;6..12,600;6..12,700;6..12,800&display=swap');

:root {
	/* --- Couleurs : clair --------------------------------------------- */
	--saya-sand: #EEE9E1;          /* fond de page */
	--saya-cream: #FBF9F5;         /* cartes claires, champs */
	--saya-blush-card: #FCF4F1;    /* cartes féminines, encarts */
	--saya-blush-border: #F0DDD7;  /* bordures des cartes blush */
	--saya-sage: #8BA888;          /* dispo, accents secondaires, barres */
	--saya-forest: #5C7355;        /* boutons primaires, liens */
	--saya-forest-dark: #455a40;   /* dégradés, hover */
	--saya-forest-darker: #3f5239; /* dégradés profonds */
	--saya-blush: #D99E97;         /* accent marque, boutons visio */
	--saya-blush-text: #b07e77;    /* texte sur fond blush */
	--saya-blush-light: #F5E3DE;   /* puces / tags blush */
	--saya-green-light: #E4EADD;   /* tags / encarts sauge */
	--saya-green-light-2: #EAF0E4;
	--saya-gold: #C4A24C;          /* étoiles d'avis, eyebrows, badges premium */
	--saya-gold-soft: #d8bb6e;     /* accents or sur fond sombre */
	--saya-ink: #3a382f;           /* texte principal, titres */
	--saya-body: #5f5c51;          /* paragraphes */
	--saya-soft: #7a7669;          /* labels de champ */
	--saya-muted: #9a9689;         /* textes secondaires, placeholders */
	--saya-muted-2: #b0aa9c;
	--saya-border: #EBE3D8;        /* bordures neutres */
	--saya-border-2: #E2DACE;
	--saya-border-3: #F0EBE0;
	--saya-danger: #c56b63;        /* quitter / EN DIRECT */
	--saya-danger-2: #d97a70;

	/* --- Couleurs : salle de cours (sombre) --------------------------- */
	--saya-room-bg: #171b14;
	--saya-room-panel: #1e231b;
	--saya-room-field: #252a1f;
	--saya-room-border: #2c3126;
	--saya-room-border-2: #33382b;
	--saya-room-text: #EDE7DC;
	--saya-room-soft: #a7b39a;
	--saya-room-soft-2: #9daa8f;
	--saya-room-sage: #8BA888;
	--saya-room-sage-2: #9dc08b;

	/* --- Typographie -------------------------------------------------- */
	--saya-font-serif: "Cormorant Garamond", Georgia, serif;
	--saya-font-sans: "Nunito Sans", system-ui, -apple-system, sans-serif;
	--saya-font-mono: ui-monospace, Menlo, Monaco, "Courier New", monospace;

	/* --- Rayons ------------------------------------------------------- */
	--saya-radius-card: 26px;      /* cartes 18–32px */
	--saya-radius-card-lg: 32px;
	--saya-radius-btn: 14px;       /* boutons 12–16px */
	--saya-radius-pill: 18px;      /* pastilles / tags 16–20px */

	/* --- Ombres douces blush ------------------------------------------ */
	--saya-shadow-sm: 0 6px 22px rgba(200, 150, 140, .10);
	--saya-shadow-lg: 0 12px 40px rgba(200, 150, 140, .13);
	--saya-shadow-dark: 0 8px 24px rgba(0, 0, 0, .35);
}

/* Motif signature : fines rayures diagonales (couvertures / placeholders). */
.saya-stripes {
	background-image: repeating-linear-gradient(
		135deg,
		rgba(255, 255, 255, .4) 0 1px,
		transparent 1px 15px
	);
}

/* Logo : sāya + point blush. */
.saya-logo {
	font-family: var(--saya-font-serif);
	color: var(--saya-ink);
	font-weight: 500;
}
.saya-logo .saya-dot {
	color: var(--saya-blush);
}