:root {
  /* Brand */
  --color-primary:       #1A237E;
  --color-primary-light: #283593;
  --color-primary-bg:    #E8EAF6;

  /* Backgrounds */
  --color-bg:      #FFFFFF;
  --color-surface: #F5F5F5;
  --color-border:  #E0E0E0;

  /* Text */
  --color-text:   #111111;
  --color-text-2: #555555;
  --color-muted:  #616161;  /* darkened from #9E9E9E for WCAG AA on body text */

  /* Module accents */
  --color-bus:        #E65100;
  --color-bus-bg:     #FFF3E0;
  --color-bus-border: #FFCC80;
  --color-auto:       #6A1B9A;
  --color-auto-light: #8E24AA;
  --color-private:    #880E4F;
  --color-last:       #C62828;

  /* Fonts */
  --font-tamil: 'Noto Sans Tamil', sans-serif;
  --font-latin: 'Roboto', sans-serif;

  /* Type scale */
  --size-hero:       clamp(3rem, 14vw, 5rem);
  --size-body-tamil: 1.125rem;   /* 18px */
  --size-sub:        0.75rem;    /* 12px */
  --size-pill:       0.875rem;   /* 14px */

  /* Tamil type scale — 6-step system */
  --ta-xs:  12px;  /* footnotes, super-sub */
  --ta-sm:  14px;  /* captions, badges */
  --ta-md:  16px;  /* body, inputs */
  --ta-lg:  18px;  /* primary body (CLAUDE.md minimum) */
  --ta-xl:  22px;  /* section headers */
  --ta-xxl: 28px;  /* hero / countdown */

  /* Radius scale — 3-step system */
  --r-sm: 10px;
  --r-md: 14px;
  --r-lg: 20px;

  /* Spacing */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 40px;

  /* Shape */
  --radius-pill: 100px;
  --radius-card: 12px;
  --radius-sm:   6px;

  /* Layout */
  --nav-height:    64px;
  --header-height: min(28vh, 155px);

  /* Transitions */
  --trans-fast: 150ms ease;
  --trans-logo: 300ms cubic-bezier(0.34, 1.56, 0.64, 1);
}