/* tokens.css · Construction Andros
 * Token contract του hypesquared-design-language: primitives (από το Renius, αμετάβλητα, απόφαση Ιωάννη 23/10)
 * και τα HOUSE semantic ονόματα. Τα vars του Renius δείχνουν στα semantic (site.css), όχι σε hex.
 */
:root {
  /* PRIMITIVES · οι τιμές του Renius */
  --orange-500: #FF5E14;
  --orange-700: #C2410C;   /* ίδια απόχρωση, σκουρότερη, για μικρό κείμενο σε λευκό (contrast 4.5:1) */
  --orange-800: #B53909;   /* μικρό κείμενο πάνω στη ροζ ζώνη τίτλου #F3EAE6, όπου το orange-700 δίνει 4,37:1 (24/10) */
  --yellow-400: #FBBD06;
  --brown-900: #2D1C22;
  --ink-1000: #000000;
  --grey-600: #555555;
  --grey-400: #C0C0C0;
  --grey-300: #DDDDDD;
  --sand-050: #F8F3F0;
  --white: #FFFFFF;
  --viber-500: #7360F2;

  /* SEMANTIC · HOUSE ονόματα, ίδια σε κάθε project */
  --bg: var(--white);
  --surface: var(--white);
  --surface-alt: var(--sand-050);
  --fg: var(--ink-1000);
  --fg-muted: var(--grey-600);
  --fg-subtle: var(--grey-400);
  --border: var(--grey-300);
  --rule: var(--grey-300);
  --accent: var(--orange-500);
  --accent-strong: var(--brown-900);
  --accent-soft: var(--yellow-400);
  --on-accent: var(--white);
  --accent-text: var(--orange-700);
  --accent-text-on-tint: var(--orange-800);
  --accent-text-on-dark: color-mix(in srgb, var(--accent) 80%, var(--white));   /* σκούρο θέμα: ≥ 4,5:1 σε μαύρο, #333 και #2A3439 */
  --accent-hover: color-mix(in srgb, var(--accent) 85%, black);
  /* Δακτύλιος εστίασης ≥ 3:1 (WCAG 1.4.11): το σκούρο πορτοκαλί σε ανοιχτά φόντα, λευκό σε σκούρα (site.css). Πριν, το ανοιχτό
     πορτοκαλί (60% με λευκό) έδινε 2,02:1 σε λευκό (24/10). */
  --focus-ring: var(--accent-text);
  --focus-ring-on-dark: var(--white);
  /* Δίχρωμος δείκτης (WCAG C40) για ό,τι κάθεται πάνω σε φωτογραφία ή επιπλέει πάνω από κάθε φόντο: μαύρος δακτύλιος ανάμεσα σε
     λευκούς. Τα δύο χρώματα έχουν 21:1 μεταξύ τους, άρα σε κάθε φόντο το ένα από τα δύο δίνει τουλάχιστον 4,5:1. */
  --focus-ring-duo: var(--ink-1000);
  --focus-ring-duo-halo: var(--white);
  --success: #1F7A3D;  --on-success: var(--white);
  --warning: #B7791F;  --on-warning: var(--white);
  --error: #B42318;    --on-error: var(--white);
  --info: #1D5FA8;     --on-info: var(--white);
  --opacity-disabled: 0.5;
  --dur-fast: 140ms;
  --dur-base: 240ms;
  --dur-slow: 480ms;
  --ease-out: cubic-bezier(0.22, 0.61, 0.36, 1);
  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1);
}