@import "tailwindcss";

@theme {
  --color-bg-base:        #f0eee9;
  --color-text-primary:   oklch(0.22 0.015 270);
  --color-text-secondary: oklch(0.42 0.012 270);
  --color-text-muted:     oklch(0.58 0.01 270);
  --color-border-subtle:  oklch(0.92 0.006 85);
  --color-surface:        #ffffff;
  --color-accent:         oklch(0.42 0.22 255);
  --color-accent-hover:   oklch(0.36 0.24 255);
  --color-accent-muted:   oklch(0.96 0.04 255);
  --color-success:        oklch(0.52 0.18 155);
  --color-danger:         oklch(0.50 0.22 25);
  --font-display: 'Plus Jakarta Sans', sans-serif;
  --font-mono:    'JetBrains Mono', monospace;
}

@font-face {
    font-family: 'Plus Jakarta Sans';
    src: url('/fonts/PlusJakartaSans-VariableFont_wght.woff2') format('woff2');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'JetBrains Mono';
    src: url('/fonts/JetBrainsMono-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

body {
    background-color: var(--color-bg-base);
    color: var(--color-text-primary);
    font-family: var(--font-display);
}