/* Irbis Kod Hipnozy – Design Tokens */

:root, [data-theme="light"] {
  /* Background – warm creams and whites */
  --color-bg:               #faf8f4;
  --color-surface:          #f7f4ef;
  --color-surface-2:        #f3efe8;
  --color-surface-offset:   #ede8df;
  --color-divider:          #ddd8ce;
  --color-border:           #d4cfc5;

  /* Text */
  --color-text:             #2a2420;
  --color-text-muted:       #7a706a;
  --color-text-faint:       #b8b0a8;
  --color-text-inverse:     #faf8f4;

  /* Primary accent – gold/brass (CTA, links, highlights) */
  --color-primary:          #b08840;
  --color-primary-hover:    #8c6a2e;
  --color-primary-active:   #6b4f1e;
  --color-primary-highlight:#e8dfc8;

  /* Soft accent – muted lilac (hero bg, cards) */
  --color-accent-soft:      #8b7ba8;
  --color-accent-soft-bg:   #ede8f5;

  /* Success, warning, error (minimal use) */
  --color-success:          #6a9d5c;
  --color-warning:          #c9934b;
  --color-error:            #b85c5c;

  /* Typography */
  --font-display:           'Zodiak', 'Cormorant Garamond', Georgia, serif;
  --font-body:              'Satoshi', 'General Sans', 'Helvetica Neue', sans-serif;

  /* Font sizes */
  --text-xs:                0.75rem;    /* 12px */
  --text-sm:                0.875rem;   /* 14px */
  --text-base:              1rem;       /* 16px */
  --text-lg:                1.125rem;   /* 18px */
  --text-xl:                1.5rem;     /* 24px */
  --text-2xl:               2rem;       /* 32px */
  --text-3xl:               2.5rem;     /* 40px */
  --text-4xl:               3.5rem;     /* 56px */

  /* Line heights */
  --lh-tight:               1.2;
  --lh-normal:              1.5;
  --lh-relaxed:             1.75;

  /* Letter spacing */
  --ls-tight:               -0.02em;
  --ls-normal:              0;
  --ls-wide:                0.05em;

  /* Spacing */
  --space-2:                0.5rem;     /* 8px */
  --space-3:                0.75rem;    /* 12px */
  --space-4:                1rem;       /* 16px */
  --space-5:                1.25rem;    /* 20px */
  --space-6:                1.5rem;     /* 24px */
  --space-8:                2rem;       /* 32px */
  --space-10:               2.5rem;     /* 40px */
  --space-12:               3rem;       /* 48px */
  --space-16:               4rem;       /* 64px */

  /* Border radius */
  --radius-sm:              0.375rem;   /* 6px */
  --radius-md:              0.75rem;    /* 12px */
  --radius-lg:              1.5rem;     /* 24px */
  --radius-full:            9999px;

  /* Shadows */
  --shadow-sm:              0 1px 2px rgba(42, 36, 32, 0.05);
  --shadow-md:              0 4px 12px rgba(42, 36, 32, 0.1);
  --shadow-lg:              0 12px 24px rgba(42, 36, 32, 0.15);

  /* Transitions */
  --transition-fast:        150ms ease-in-out;
  --transition-base:        250ms ease-in-out;
  --transition-slow:        350ms ease-in-out;
}

[data-theme="dark"] {
  --color-bg:               #1a1612;
  --color-surface:          #2a2420;
  --color-surface-2:        #3a342d;
  --color-surface-offset:   #4a423a;
  --color-divider:          #5a524a;
  --color-border:           #6a6258;

  --color-text:             #faf8f4;
  --color-text-muted:       #d4cfc5;
  --color-text-faint:       #a8a098;
  --color-text-inverse:     #2a2420;

  --color-primary:          #d4a85c;
  --color-primary-hover:    #e8bc7a;
  --color-primary-active:   #b08840;

  --color-accent-soft-bg:   #3d3548;
}