/* Kuaderno design tokens — "Tinta y papel"
   Source of truth for colors, type and motion. Import once in application.css. */

:root {
  /* Base */
  --k-ink: #1F1A66;          /* Tinta: brand base, primary text on light, primary buttons */
  --k-ink-night: #14114A;    /* Noche: hero cards, tab bar, drawer */
  --k-text: #17153A;         /* Body text */
  --k-text-muted: #6B6889;   /* Secondary text (4.5:1 on paper) */
  --k-text-soft: #8F8BA8;    /* Dates, axis labels */
  --k-on-ink-muted: #C4BFF0; /* Secondary text on ink */

  /* Surfaces */
  --k-paper: #F5F2EC;        /* App background */
  --k-card: #FFFEFB;         /* Cards */
  --k-line: #E9E4DA;         /* Card borders */
  --k-line-soft: #EFEAE0;    /* Dividers */

  /* Accents — each one has ONE meaning */
  --k-lime: #D7F25A;         /* All good / primary action (Registrar, FAB) */
  --k-lime-strong: #B7D62C;  /* Lime on light backgrounds (charts) */
  --k-coral: #FF7A59;        /* Attention: flare-ups, "buy food", alerts */
  --k-coral-deep: #E5542F;   /* Big flare-up numbers */
  --k-lavender: #8E7BFF;     /* Glow / health category */
  --k-violet: #6A55FF;       /* Health in charts */

  /* Logo ears */
  --k-ear-light: #FFC7B5;    /* Ears and avatar on light */
  --k-ear-dark: #FF9C80;     /* Ears on ink */

  /* Category tags: background / foreground */
  --k-tag-health-bg: #ECE9FF;  --k-tag-health-fg: #3B2FC9;
  --k-tag-skin-bg: #FFE4DA;    --k-tag-skin-fg: #B83E1C;
  --k-tag-food-bg: #EEF7C9;    --k-tag-food-fg: #4D6000;
  --k-tag-care-bg: #E1F0F7;    --k-tag-care-fg: #1D5B7E;

  /* Flare-up heatmap scale */
  --k-heat-0: #EFEAE0;  /* none */
  --k-heat-1: #FFC7B5;  /* mild */
  --k-heat-2: #FF7A59;  /* moderate */
  --k-heat-3: #E5542F;  /* severe */

  /* Type */
  --k-font-display: "Bricolage Grotesque", "DM Sans", sans-serif; /* headings, big numbers, wordmark; letter-spacing -0.03em */
  --k-font-body: "DM Sans", ui-sans-serif, system-ui, sans-serif;
  --k-font-mono: "DM Mono", ui-monospace, monospace;              /* amounts, dates; tabular-nums */

  /* Radius */
  --k-r-sm: 10px; --k-r-md: 14px; --k-r-card: 24px; --k-r-hero: 28px; --k-r-pill: 999px;

  /* Motion */
  --k-ease-out: cubic-bezier(.22, 1, .36, 1);     /* default */
  --k-ease-spring: cubic-bezier(.34, 1.56, .64, 1); /* playful: dog switch, avatar, icons */
  --k-dur-fast: .2s; --k-dur: .35s; --k-dur-slow: .5s;

  /* Shadows */
  --k-shadow-card: 0 1px 2px rgba(23, 21, 58, .04);
  --k-shadow-hover: 0 2px 4px rgba(23, 21, 58, .04), 0 18px 40px -20px rgba(31, 26, 102, .28);
}



@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; }
}