@import "tailwindcss";

:root {
  /* Fibromuebles palette */
  --parchment: #f1ead8;
  --sand: #d5c7ad;
  --olive: #bec5a4;
  --sage: #8a8e75;
  --bark: #68604d;
  --olivewood: #2d2f22;

  /* Surfaces */
  --canvas: #f7f3e8;
  --surface: #fffdf7;
  --line: #ddd3bf;
  --line-strong: #c9b99e;

  /* Text */
  --ink: var(--olivewood);
  --ink-soft: var(--bark);
  --faint: var(--sage);

  /* Brand */
  --brand: var(--sage);
  --brand-dark: var(--bark);
  --brand-soft: #edf1e0;

  /* Semantic */
  --good: #7c865f;
  --warn: #a66f3e;
  --bad: #b5534b;

  /* Effects */
  --shadow: 0 1px 2px rgba(45, 47, 34, 0.05), 0 4px 14px rgba(45, 47, 34, 0.05);
  --shadow-lg: 0 4px 12px rgba(45, 47, 34, 0.08), 0 16px 42px rgba(45, 47, 34, 0.1);
  --radius: 10px;
  --radius-sm: 6px;
}

@theme inline {
  --color-background: var(--canvas);
  --color-foreground: var(--ink);
  --color-brand: var(--brand);
  --color-brand-dark: var(--brand-dark);
  --color-brand-soft: var(--brand-soft);
  --color-canvas: var(--canvas);
  --color-surface: var(--surface);
  --color-line: var(--line);
  --color-line-strong: var(--line-strong);
  --color-ink: var(--ink);
  --color-ink-soft: var(--ink-soft);
  --color-faint: var(--faint);
  --color-good: var(--good);
  --color-warn: var(--warn);
  --color-bad: var(--bad);
  --font-sans: var(--font-geist-sans);
  --font-mono: var(--font-geist-mono);
}

* {
  -webkit-tap-highlight-color: transparent;
}

html, body {
  background: var(--canvas);
  color: var(--ink);
  font-family: var(--font-geist-sans), system-ui, -apple-system, sans-serif;
}

.card {
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: var(--radius);
}

@media print {
  body {
    background: #fff;
  }

  .no-print,
  aside,
  nav {
    display: none !important;
  }
}