/**
 * @file theme.css
 * shadcn/ui-compatible theme variables for Artlogic — DMLF Brand.
 *
 * Palette:
 *   Darks:   #0f1117 (near-black text), #1a1f2e (dark section bg)
 *   Reds:    #8b1a1a (deep red), #b91c1c (primary red), #ef4444 (hover/bright)
 *   Greys:   #b8b0ae (muted), #d4d0ce (card bg), #f0eeec (secondary bg)
 *   Whites:  #f8f7f5 (main bg)
 */

:root {
  /* ── Base ────────────────────────────────────────────── */
  --background:        #f8f7f5;            /* warm off-white — main page bg     */
  --foreground:        #0f1117;            /* near-black — all body text        */

  /* ── Cards / surfaces ───────────────────────────────── */
  --card:              #f0eeec;            /* slightly tinted — cards           */
  --card-foreground:   #0f1117;

  /* ── Primary: deep dark ─────────────────────────────── */
  --primary:           #1a1f2e;            /* near-black-blue — buttons / hero  */
  --primary-foreground:#f8f7f5;

  /* ── Secondary surface ──────────────────────────────── */
  --secondary:         #d4d0ce;            /* warm mid-grey — alternate rows    */
  --secondary-foreground: #1a1f2e;

  /* ── Muted ───────────────────────────────────────────── */
  --muted:             #d4d0ce;
  --muted-foreground:  #6b6461;            /* legible on muted bg               */

  /* ── Accent: red ─────────────────────────────────────── */
  --accent:            #b91c1c;            /* primary red accent                */
  --accent-foreground: #f8f7f5;

  /* ── Destructive (same family, brighter) ─────────────── */
  --destructive:       #ef4444;
  --destructive-foreground: #f8f7f5;

  /* ── Borders / inputs ───────────────────────────────── */
  --border:            #d4d0ce;
  --input:             #d4d0ce;

  /* ── Fonts ───────────────────────────────────────────── */
  --font-sans: "Open Sans", "Helvetica Neue", Arial, Helvetica, sans-serif;
  --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-mono: "Fira Mono", "Menlo", "Consolas", "Liberation Mono", monospace;
  --font-body: "PT Sans", Arial, Helvetica, sans-serif;

  --radius: 0rem;
  --shadow-x: 0;
  --shadow-y: 1px;
  --shadow-blur: 3px;
  --shadow-spread: 0px;
  --shadow-opacity: 0.1;
  --shadow-color: #0f1117;
  --shadow-2xs: 0 1px 3px 1px hsl(0 0% 0% / 0.05);
  --shadow-xs: 0 1px 3px 1px hsl(0 0% 0% / 0.05), 0 1px 2px -1px hsl(0 0% 0% / 0.1);
  --shadow-sm: 0 1px 3px 1px hsl(0 0% 0% / 0.1), 0 2px 4px -1px hsl(0 0% 0% / 0.1);
  --shadow: 0 1px 3px 1px hsl(0 0% 0% / 0.1), 0 2px 4px -1px hsl(0 0% 0% / 0.1);
  --shadow-md: 0 1px 3px 1px hsl(0 0% 0% / 0.1), 0 4px 6px -2px hsl(0 0% 0% / 0.1);
  --shadow-lg: 0 1px 3px 1px hsl(0 0% 0% / 0.1), 0 8px 10px -2px hsl(0 0% 0% / 0.1);
  --shadow-xl: 0 1px 3px 1px hsl(0 0% 0% / 0.1), 0 12px 14px -3px hsl(0 0% 0% / 0.1);
  --shadow-2xl: 0 1px 3px 1px hsl(0 0% 0% / 0.1), 0 16px 18px -3px hsl(0 0% 0% / 0.1);
  --tracking-normal: 0em;
  --spacing: 0.25rem;

  /* ── Brand semantic aliases ─────────────────────────── */
  /* Keep --navy / --red as semantic shortcuts used in twig templates   */
  --navy:        #1a1f2e;                  /* renamed usage: dark bg / headers  */
  --dark:        #0f1117;                  /* deepest text / footer bg          */
  --red:         #b91c1c;                  /* primary CTA accent                */
  --red-deep:    #8b1a1a;                  /* dark hover state                  */
  --red-bright:  #ef4444;                  /* highlights / badges               */
  --grey-dark:   #b8b0ae;                  /* muted text                        */
  --grey-mid:    #d4d0ce;                  /* card borders / dividers           */
  --grey-light:  #f0eeec;                  /* section alternate bg              */

  /* Legacy alias so old `var(--gold)` references don't break silently  */
  --gold: #b91c1c;

  /* ── Navbar height for layout offsets ─────────────────── */
  --navbar-height: calc(var(--spacing) * 16);

  @media (min-width: 768px) {
    --navbar-height: calc(var(--spacing) * 18);
  }
}