/* ==========================================================================
   Manipal HR Synergy — design tokens
   --------------------------------------------------------------------------
   Tokens ONLY. No component rules in this file.

   Source: extracted from hodonest.hodo.im on 15 Nov 2026 by reading its
   live stylesheets and the computed styles of rendered elements.
   What was taken: the colour palette (semantic roles), the type families and
   scale, the spacing scale, radii, and the single elevation level.
   What was NOT taken: any component CSS, any layout, any logo asset.
   ========================================================================== */

:root {
  /* ---- Type families ------------------------------------------------------
     hodonest ships three families: Inter for body/UI, Plus Jakarta Sans for
     headings, Geist Mono for monospace. Fallback chains added by us.        */
  --font-sans:    "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-display: "Plus Jakarta Sans", "Inter", ui-sans-serif, system-ui, sans-serif;
  --font-mono:    "Geist Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;

  /* ---- Type scale ---------------------------------------------------------
     Root 16px. Observed rendered sizes: 12 / 14 / 16 / 22 / 28.
     Headings render at line-height 1.5 with -0.025em tracking
     (28px → -0.7px, 22px → -0.55px — both exactly -0.025em).               */
  --text-xs:   0.75rem;   /* 12px */
  --text-sm:   0.875rem;  /* 14px */
  --text-base: 1rem;      /* 16px */
  --text-lg:   1.125rem;  /* 18px — interpolated, fills the 16→22 gap */
  --text-xl:   1.375rem;  /* 22px */
  --text-2xl:  1.75rem;   /* 28px */
  --text-3xl:  2.25rem;   /* 36px — extrapolated on the same ratio */

  --leading-tight:  1.25;
  --leading-normal: 1.5;   /* body 16/24 and headings 28/42 both = 1.5 */
  --tracking-display: -0.025em;

  --weight-normal: 400;
  --weight-medium: 500;
  --weight-bold:   700;   /* hodonest uses 400 and 700 only; 500 added by us */

  /* ---- Spacing ------------------------------------------------------------
     Observed: 8 / 16 / 24 / 32 — an 8px rhythm on a 4px base.              */
  --space-1: 0.25rem;  /*  4px */
  --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 */

  /* ---- Radii --------------------------------------------------------------
     hodonest declares --radius: .5rem and renders cards at 11.2px (0.7rem). */
  --radius:    0.5rem;
  --radius-sm: 0.375rem;
  --radius-lg: 0.7rem;
  --radius-full: 999px;

  /* ---- Elevation ----------------------------------------------------------
     hodonest uses exactly one soft shadow. Kept as-is.                      */
  --shadow-card: 0 4px 20px rgba(0, 0, 0, 0.04);
  --shadow-pop:  0 8px 28px rgba(0, 0, 0, 0.10);

  /* ---- Colour · light (hodonest :root, verbatim) -------------------------- */
  --background:        #f8f9fa;
  --foreground:        #191c1d;
  --card:              #ffffff;
  --card-foreground:   #191c1d;
  --popover:           #ffffff;
  --popover-foreground:#191c1d;
  --primary:           #b80049;
  --primary-foreground:#ffffff;
  --secondary:         #f3f4f5;
  --secondary-foreground:#191c1d;
  --muted:             #edeeef;
  --muted-foreground:  #5f5e5e;
  --accent:            #f3f4f5;
  --accent-foreground: #191c1d;
  --destructive:       #ba1a1a;
  --destructive-foreground:#ffffff;
  --border:            #e0e0e0;
  --input:             #e0e0e0;
  --ring:              #b80049;

  --sidebar:                   #ffffff;
  --sidebar-foreground:        #191c1d;
  --sidebar-primary:           #b80049;
  --sidebar-primary-foreground:#ffffff;
  --sidebar-accent:            #ffd9de;
  --sidebar-accent-foreground: #400014;
  --sidebar-border:            #e7e8e9;
  --sidebar-ring:              #b80049;

  --chart-1: #b80049;
  --chart-2: #0059bb;
  --chart-3: #16a34a;
  --chart-4: #f59e0b;
  --chart-5: #8b5cf6;

  /* ---- Status colours ----------------------------------------------------
     hodonest has no semantic success/warn token outside its toast layer, so
     these are ours, chosen off the chart ramp to stay in family.           */
  --success:   #16a34a;
  --success-foreground: #ffffff;
  --warning:   #f59e0b;
  --warning-foreground: #400014;
  --info:      #0059bb;
  --info-foreground: #ffffff;

  /* Tinted status surfaces. Solid --success at 12px white-on-green only
     reaches 3.3:1, so badges and pills use the tinted pair instead.       */
  --success-surface: #e8f8ee;  --on-success-surface: #0b5e2a;  /* 7.2:1 */
  --warning-surface: #fef3c7;  --on-warning-surface: #6b3e00;  /* 7.6:1 */
  --info-surface:    #e4edfd;  --on-info-surface:    #00397a;  /* 8.4:1 */
}

/* ---- Colour · dark (hodonest .dark, verbatim) ---------------------------- */
:root[data-theme="dark"] {
  --background:        #191c1d;
  --foreground:        #f0f1f2;
  --card:              #2e3132;
  --card-foreground:   #f0f1f2;
  --popover:           #2e3132;
  --popover-foreground:#f0f1f2;
  --primary:           #ffb2be;
  --primary-foreground:#400014;
  --secondary:         #3a3c3d;
  --secondary-foreground:#f0f1f2;
  --muted:             #3a3c3d;
  --muted-foreground:  #c9c6c5;
  --accent:            #3a3c3d;
  --accent-foreground: #f0f1f2;
  --destructive:       #ffb4ab;
  --destructive-foreground:#400014;
  --border:            rgba(255, 255, 255, 0.10);
  --input:             rgba(255, 255, 255, 0.15);
  --ring:              #ffb2be;

  --sidebar:                   #2e3132;
  --sidebar-foreground:        #f0f1f2;
  --sidebar-primary:           #ffb2be;
  --sidebar-primary-foreground:#400014;
  --sidebar-accent:            #3a3c3d;
  --sidebar-accent-foreground: #f0f1f2;
  --sidebar-border:            rgba(255, 255, 255, 0.10);
  --sidebar-ring:              #ffb2be;

  --chart-1: #ffb2be;
  --chart-2: #adc7ff;
  --chart-3: #86efac;
  --chart-4: #fcd34d;
  --chart-5: #c4b5fd;

  --success:   #86efac;
  --success-foreground: #00210f;
  --warning:   #fcd34d;
  --warning-foreground: #402200;
  --info:      #adc7ff;
  --info-foreground: #00264d;

  --success-surface: #11351f;  --on-success-surface: #86efac;
  --warning-surface: #3a2c05;  --on-warning-surface: #fcd34d;
  --info-surface:    #11243f;  --on-info-surface:    #adc7ff;

  --shadow-card: 0 4px 20px rgba(0, 0, 0, 0.30);
  --shadow-pop:  0 8px 28px rgba(0, 0, 0, 0.45);
}