/* =============================================
   TOKENS — AcharyaML PDF Tools (Matching new_home.png exactly)
   ============================================= */
@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,300;0,9..144,400;0,9..144,500;0,9..144,600;0,9..144,700;1,9..144,300;1,9..144,400;1,9..144,500&family=IBM+Plex+Sans:wght@400;500;600&family=IBM+Plex+Mono:wght@400;500;600&display=swap');

:root {
  /* Colors */
  --paper:          #F3F4EE;
  --paper-alt:      #EAEBE1;
  --card:           #FBFBF8;
  --ink:            #1C2430;
  --ink-soft:       #576072;
  --stamp:          #A3352B;
  --stamp-soft:     #C9564A;
  --verify:         #3F7A5C;
  --line:           #D6D8CC;
  --line-strong:    #B7BAA9;

  --bg-page:        var(--paper);
  --bg-card:        var(--card);
  --bg-dark:        var(--ink);
  
  --text-main:      var(--ink);
  --text-heading:   var(--ink);
  --text-muted:     var(--ink-soft);
  
  --accent-red:     var(--stamp);
  --accent-green:   var(--verify);
  --bg-green-light: rgba(63, 122, 92, 0.14);
  
  --border-light:   var(--line);
  --border-med:     var(--line-strong);

  /* Typography */
  --font-serif: 'Fraunces', Georgia, serif;
  --font-sans:  'IBM Plex Sans', system-ui, -apple-system, sans-serif;
  --font-mono: 'IBM Plex Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

  /* Spacing */
  --s-1: 0.25rem; --s-2: 0.5rem;  --s-3: 0.75rem; --s-4: 1rem;
  --s-5: 1.25rem; --s-6: 1.5rem;  --s-8: 2rem;    --s-10: 2.5rem;
  --s-12: 3rem;   --s-16: 4rem;   --s-20: 5rem;   --s-24: 6rem;
  --space-1: var(--s-1);
  --space-2: var(--s-2);
  --space-3: var(--s-3);
  --space-4: var(--s-4);
  --space-5: var(--s-5);
  --space-6: var(--s-6);
  --space-8: var(--s-8);
  --space-10: var(--s-10);
  --space-12: var(--s-12);
  --space-16: var(--s-16);
  --space-20: var(--s-20);
  --space-24: var(--s-24);

  --color-ink: var(--text-heading);
  --color-ink-soft: var(--text-muted);
  --color-border: var(--border-light);
  --color-surface: var(--bg-card);
  --border-color: var(--line);

  /* Radius */
  --r-sm: 4px;
  --r-md: 4px;
  --r-lg: 4px;
  --r-full: 999px;

  /* Shadows */
  --shadow-sm: 0 1px 3px rgba(0,0,0,0.05);
  --shadow-md: 0 4px 6px -1px rgba(0,0,0,0.05), 0 2px 4px -1px rgba(0,0,0,0.03);
  --shadow-lg: 0 10px 15px -3px rgba(0,0,0,0.05), 0 4px 6px -2px rgba(0,0,0,0.025);
  --shadow-float: 0 20px 25px -5px rgba(0,0,0,0.1), 0 10px 10px -5px rgba(0,0,0,0.04);
}

/* Eye Protection Dark Mode (Warm, Low-Contrast) */
@media (prefers-color-scheme: dark) {
  :root:not(.light-mode) {
    --paper:          #22211E;
    --paper-alt:      #1C1B19;
    --card:           #292825;
    --ink:            #E9E9E9;
    --ink-soft:       #BDBDBD;
    --stamp:          #C9564A;
    --stamp-soft:     #E57368;
    --verify:         #5BA381;
    --line:           #4A4843;
    --line-strong:    #5E5C56;
    --bg-green-light: rgba(91, 163, 129, 0.15);
  }
}

:root.dark-mode {
  --paper:          #22211E;
  --paper-alt:      #1C1B19;
  --card:           #292825;
  --ink:            #E9E9E9;
  --ink-soft:       #BDBDBD;
  --stamp:          #C9564A;
  --stamp-soft:     #E57368;
  --verify:         #5BA381;
  --line:           #4A4843;
  --line-strong:    #5E5C56;
  --bg-green-light: rgba(91, 163, 129, 0.15);
}