/*
 * Anudinam.in — shared design tokens.
 *
 * Step 1 of the sitewide style-sheet consolidation: this file only DEFINES
 * the palette/type/spacing already in real use across the site (grepped
 * from theme + all five plugins, not invented) as CSS custom properties.
 * Nothing consumes these yet — enqueuing this file changes no rendered
 * page. Migrating each plugin's hardcoded hex/font values to reference
 * these variables is separate follow-up work, done incrementally with the
 * usual desktop+mobile regression pass per file.
 *
 * Values marked "(Customizer)" exist today only in WordPress's Additional
 * CSS (not in any repo file, per CLAUDE.md's known gotcha) — captured here
 * from the live rendered page so it's finally visible to a codebase search.
 */
:root {
    /* Brand */
    --color-brand-orange: #f45900;      /* .site-header background (Customizer) */
    --color-brand-orange-text: #ffffff; /* .site-header text (Customizer) */

    /* Primary green — read-only Panchangam UI (search FAB, panel accents) */
    --color-green-primary: #388E3C;
    --color-green-dark: #2E7D32;        /* hover state */
    --color-green-darkest: #1b5e20;     /* panel titles */
    --color-green-bg: #e8f5e9;          /* light accent background */
    --color-green-bg-hover: #c8e6c9;

    /* Admin/write actions — thithi-event-manager create/edit/delete */
    --color-admin-orange: #EF6C00;
    --color-admin-orange-dark: #E65100; /* hover state */

    /* Warnings / inauspicious-day highlight */
    --color-red-primary: #c62828;
    --color-red-alt: #d32f2f;           /* Kari Naal row highlight */
    --color-red-bg: #ffebee;

    /* Info accents */
    --color-blue-primary: #1565c0;
    --color-blue-bg: #e3f2fd;

    /* Neutrals (text/borders/backgrounds, lightest to darkest) */
    --color-neutral-white: #ffffff;
    --color-neutral-100: #f5f5f5;
    --color-neutral-200: #eeeeee;
    --color-neutral-300: #dddddd;
    --color-neutral-400: #cccccc;
    --color-neutral-500: #bbbbbb;
    --color-neutral-600: #999999;
    --color-neutral-700: #888888;
    --color-neutral-800: #666666;
    --color-neutral-900: #444444;
    --color-neutral-950: #333333;
    --color-neutral-black: #222222;

    /* Typography */
    --font-family-base: "Open Sans", Arial, Helvetica, sans-serif;

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

    /* Radius */
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-full: 50%;

    /* Shadows (from FAB / bottom-nav conventions) */
    --shadow-fab: 0 3px 14px rgba(0, 0, 0, .35);
    --shadow-nav: 0 -2px 10px rgba(0, 0, 0, 0.1);
}