@import url('https://fonts.googleapis.com/css2?family=Tenor+Sans&family=Inter:wght@400;500;700&display=swap');


:root {
  /* ── typography ────────────────────────────────────────────── */
  --font-display: 'Tenor Sans', sans-serif;
  --font-sans: 'Inter', sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, monospace;
  --font-weight-display: 700;
  --line-height-display: 1.1;
  --tracking-display: -0.01em;
  --font-weight-body: 400;
  --line-height-body: 1.7;
  --tracking-body: 0em;
  --font-weight-mono: 400;

  /* ── shadcn base tokens ────────────────────────────────────── */
  --background: #EDE6D6;
  --foreground: #3D3528;
  --card: #E0D8C5;
  --card-foreground: #3D3528;
  --popover: #E0D8C5;
  --popover-foreground: #3D3528;
  --primary: #A65A3D;
  --primary-foreground: #FFFFFF;
  --secondary: #D8D0BD;
  --secondary-foreground: #3D3528;
  --muted: color-mix(in srgb, var(--foreground) 6%, var(--background));
  --muted-foreground: #8C7E6A;
  --accent: color-mix(in srgb, var(--foreground) 4%, var(--background));
  --accent-foreground: var(--foreground);
  --destructive: oklch(0.577 0.245 27.325);
  --destructive-foreground: oklch(0.985 0 0);
  --border: color-mix(in srgb, var(--foreground) 15%, var(--background));
  --input: color-mix(in srgb, var(--foreground) 15%, var(--background));
  --ring: color-mix(in srgb, var(--primary) 50%, var(--background));
  --success: oklch(0.596 0.145 145.59);
  --warning: oklch(0.769 0.154 71.29);

  /* ── sidebar ───────────────────────────────────────────────── */
  --sidebar: #E0D8C5;
  --sidebar-foreground: #3D3528;
  --sidebar-primary: #A65A3D;
  --sidebar-primary-foreground: #FFFFFF;
  --sidebar-accent: color-mix(in srgb, var(--foreground) 6%, var(--background));
  --sidebar-accent-foreground: var(--foreground);
  --sidebar-border: color-mix(in srgb, var(--foreground) 10%, var(--background));
  --sidebar-ring: color-mix(in srgb, var(--primary) 50%, var(--background));

  /* ── surface hierarchy ─────────────────────────────────────── */
  --background-secondary: color-mix(in srgb, var(--foreground) 3%, var(--background));
  --surface-hover: color-mix(in srgb, var(--foreground) 5%, var(--background));
  --surface-active: color-mix(in srgb, var(--foreground) 8%, var(--background));
  --surface-elevated: var(--card);

  /* ── border hierarchy ──────────────────────────────────────── */
  --border-subtle: color-mix(in srgb, var(--foreground) 6%, var(--background));
  --border-muted: color-mix(in srgb, var(--foreground) 9%, var(--background));
  --border-strong: color-mix(in srgb, var(--foreground) 22%, var(--background));

  /* ── text hierarchy ────────────────────────────────────────── */
  --foreground-secondary: color-mix(in srgb, var(--foreground) 60%, var(--background));

  /* ── primary depth ─────────────────────────────────────────── */
  --primary-hover: color-mix(in srgb, var(--primary) 85%, var(--foreground));
  --primary-muted: color-mix(in srgb, var(--primary) 20%, var(--background));
  --primary-soft: color-mix(in srgb, var(--primary) 10%, var(--background));
  --primary-tint: color-mix(in srgb, var(--primary) 6%, var(--background));

  /* ── focus & error ─────────────────────────────────────────── */
  --focus-ring: color-mix(in srgb, var(--primary) 40%, transparent);
  --error: oklch(0.577 0.245 27.325);
  --error-foreground: oklch(0.985 0 0);

  /* ── radius ────────────────────────────────────────────────── */
  --radius: 0.25rem;
  --radius-none: 0rem;
  --radius-sm: 0.125rem;
  --radius-lg: 0.375rem;
  --radius-xl: 0.5rem;
  --radius-full: 9999px;

  /* ── shadows ───────────────────────────────────────────────── */
  --shadow-sm: 0 2px 8px rgba(61, 53, 40, 0.06);
  --shadow-md: 0 6px 24px rgba(61, 53, 40, 0.08);
  --shadow-lg: 0 16px 48px rgba(61, 53, 40, 0.10);

  /* ── motion ────────────────────────────────────────────────── */
  --duration-fast: 150ms;
  --duration-normal: 300ms;
  --duration-slow: 600ms;
  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1);
  --ease-accelerate: cubic-bezier(0.4, 0, 1, 1);
  --ease-decelerate: cubic-bezier(0, 0, 0.2, 1);

  /* ── spacing ───────────────────────────────────────────────── */
  --spacing-base: 0.3125rem;
}

/* Stencil Tweaks */
@font-face {
  font-family: 'SimpleMinimalist 3lV3z';
  src: url('/assets/fonts/SimpleMinimalist-3lV3z.otf') format('opentype');
  font-weight: 100 900;
  font-display: swap;
}

:root {
  --font-display: 'SimpleMinimalist 3lV3z', sans-serif;
  --font-sans: 'SimpleMinimalist 3lV3z', sans-serif;
}
/* /Stencil Tweaks */