/* COLORS — Todoespresso
   Sober, clean, three-color brand: white, black, orange.
   Warm "stone" neutral ramp keeps the coffee feel without adding hues. */
:root {
  /* ---- Brand core ---- */
  --te-orange: #FF9900;       /* primary brand orange (logo box) */
  --te-orange-bright: #FFAD33;/* lighter hover/tint */
  --te-orange-600: #E88A00;   /* hover */
  --te-orange-700: #C77600;   /* active/press */
  --te-orange-tint: #FFF3E0;  /* subtle orange wash background */
  --te-black: #000000;        /* pure brand black (logo) */
  --te-white: #FFFFFF;

  /* ---- Neutral ramp (warm stone) ---- */
  --te-ink: #111111;          /* primary text */
  --te-stone-900: #1C1A18;
  --te-stone-800: #292524;
  --te-stone-700: #44403C;
  --te-stone-600: #57534E;
  --te-stone-500: #78716C;
  --te-stone-400: #A8A29E;
  --te-stone-300: #D6D3D1;
  --te-stone-200: #E7E5E4;
  --te-stone-100: #F5F5F4;
  --te-stone-50:  #FAFAF9;

  /* ---- Semantic feedback ---- */
  --te-success: #1F8A5B;
  --te-success-tint: #E6F4EC;
  --te-danger: #D7263D;
  --te-danger-tint: #FCE8EB;
  --te-warning: #E6A100;
  --te-warning-tint: #FFF6E0;
  --te-info: #2A6FDB;
  --te-info-tint: #E8F0FC;

  /* ---- Semantic aliases ---- */
  --color-bg: var(--te-white);
  --color-bg-subtle: var(--te-stone-50);
  --color-bg-muted: var(--te-stone-100);
  --surface-card: var(--te-white);
  --surface-inverse: var(--te-black);

  --text-primary: var(--te-ink);
  --text-secondary: var(--te-stone-600);
  --text-muted: var(--te-stone-500);
  --text-inverse: var(--te-white);
  --text-brand: var(--te-orange-700);

  --border-default: var(--te-stone-200);
  --border-strong: var(--te-stone-300);
  --border-ink: var(--te-black);

  --accent: var(--te-orange);
  --accent-hover: var(--te-orange-600);
  --accent-active: var(--te-orange-700);
  --focus-ring: var(--te-orange);
}