/* ═══════════════════════════════════════════════════════════════
   OGANIKO tokens — browser-native (:root) build for this no-build
   static page. Values mirror OS-000 theme-oganiko.css (which uses
   Tailwind v4 @theme {} and is inert without a build step).
   Light theme only; this page never renders dark.
   ═══════════════════════════════════════════════════════════════ */

:root {
  /* Brand palette */
  --color-black: #000000;
  --color-white: #FFFFFF;
  --color-green: #109200;        /* brand signature */
  --color-leaf: #34C755;         /* interactive */
  --color-gold: #EECA25;         /* premium accent */

  /* Backgrounds */
  --color-bg: var(--color-white);
  --color-bg-secondary: #F8F8F6; /* paper */
  --color-bg-card: var(--color-white);
  --color-bg-muted: #F5F5F3;

  /* Text */
  --color-text: #0A0A0A;
  --color-text-secondary: #333333;
  --color-text-muted: #777777;
  --color-text-inverse: var(--color-white);

  /* Borders */
  --color-border: #E0E0E0;
  --color-border-subtle: rgba(0, 0, 0, 0.06);
  --color-border-focus: var(--color-leaf);

  /* Elevation (light) */
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.06);
  --shadow-md: 0 10px 30px rgba(0, 0, 0, 0.10);
  --shadow-lg: 0 20px 50px rgba(0, 0, 0, 0.14);
}