/* ---- tokens/colors.css ---- */
/* DLBI color tokens — sampled from the DLBI logo (gold truss #C09860, red logotype #A80000, cream sun #F8F0E0). */
:root {
  /* Base — Timber Gold (the truss) */
  --gold-50:  #FAF5EA;
  --gold-100: #F3E9D3;
  --gold-200: #E9D8B2;
  --gold-300: #DCC08A;
  --gold-400: #CEAC6F;
  --gold-500: #C09860;  /* logo gold */
  --gold-600: #A97F46;
  --gold-700: #8C6835;
  --gold-800: #6B4E27;
  --gold-900: #4F3A1D;

  /* Base — Foundation Red (the logotype) */
  --red-50:  #FCEEEC;
  --red-100: #F6D5D0;
  --red-200: #EBA49B;
  --red-300: #DC6E60;
  --red-400: #C93A2B;
  --red-500: #B51808;
  --red-600: #A80000;  /* logo red */
  --red-700: #8C0000;
  --red-800: #700202;
  --red-900: #540404;

  /* Base — Warm neutrals (concrete + paper) */
  --neutral-0:   #FFFFFF;
  --neutral-25:  #FBF9F3;  /* warm paper */
  --neutral-50:  #F6F2E8;  /* cream, from logo sun #F8F0E0 */
  --neutral-100: #ECE6D8;
  --neutral-200: #DDD5C4;
  --neutral-300: #C2B9A6;
  --neutral-400: #9C917C;
  --neutral-500: #7A7060;
  --neutral-600: #5C5346;
  --neutral-700: #453E34;
  --neutral-800: #2E2921;
  --neutral-900: #1F1B15;  /* ink */

  /* Base — Status */
  --green-500: #2F7A3D;
  --green-100: #E1EFE0;
  --amber-500: #B0740F;
  --amber-100: #F7EAD2;

  /* Semantic — text */
  --text-heading: var(--neutral-900);
  --text-body:    var(--neutral-700);
  --text-muted:   var(--neutral-500);
  --text-inverse: var(--neutral-25);
  --text-brand:   var(--red-600);
  --text-on-primary: #FFFFFF;

  /* Semantic — surfaces */
  --surface-page:   var(--neutral-25);
  --surface-card:   var(--neutral-0);
  --surface-inset:  var(--neutral-50);
  --surface-ink:    var(--neutral-900);  /* dark sections, footers */
  --surface-brand:  var(--red-600);

  /* Semantic — interactive */
  --action-primary:        var(--red-600);
  --action-primary-hover:  var(--red-700);
  --action-primary-active: var(--red-800);
  --action-secondary:        var(--gold-600);
  --action-secondary-hover:  var(--gold-700);
  --accent:                var(--gold-500);
  --focus-ring:            var(--gold-500);

  /* Semantic — lines */
  --border-default: var(--neutral-200);
  --border-strong:  var(--neutral-300);
  --border-accent:  var(--gold-500);

  /* Semantic — status */
  --status-success:    var(--green-500);
  --status-success-bg: var(--green-100);
  --status-warning:    var(--amber-500);
  --status-warning-bg: var(--amber-100);
  --status-danger:     var(--red-500);
  --status-danger-bg:  var(--red-50);
}

/* ---- tokens/typography.css ---- */
/* DLBI typography tokens */
:root {
  --font-display: "Bitter", "Georgia", serif;
  --font-body: "Public Sans", "Helvetica Neue", Arial, sans-serif;
  --font-mono: "IBM Plex Mono", "SFMono-Regular", Menlo, monospace;

  /* Scale (1.25 major third, 16px base) */
  --text-xs:   12px;
  --text-sm:   14px;
  --text-md:   16px;
  --text-lg:   20px;
  --text-xl:   25px;
  --text-2xl:  31px;
  --text-3xl:  39px;
  --text-4xl:  49px;
  --text-5xl:  61px;

  --leading-tight: 1.1;
  --leading-snug:  1.25;
  --leading-body:  1.6;

  --tracking-caps: 0.14em;  /* uppercase eyebrow labels */
  --tracking-tight: -0.01em;

  --weight-regular:  400;
  --weight-medium:   500;
  --weight-semibold: 600;
  --weight-bold:     700;
  --weight-heavy:    800;
}

/* ---- tokens/spacing.css ---- */
/* DLBI spacing + radius tokens */
:root {
  --space-1:  4px;
  --space-2:  8px;
  --space-3:  12px;
  --space-4:  16px;
  --space-5:  24px;
  --space-6:  32px;
  --space-7:  48px;
  --space-8:  64px;
  --space-9:  96px;
  --space-10: 128px;

  /* Corners stay near-square — engineered, not soft */
  --radius-xs: 2px;
  --radius-sm: 3px;
  --radius-md: 6px;
  --radius-lg: 10px;
  --radius-full: 999px;

  --container-max: 1200px;
  --gutter: 24px;
}

/* ---- tokens/effects.css ---- */
/* DLBI elevation, borders, motion */
:root {
  --shadow-sm: 0 1px 2px rgba(31, 27, 21, 0.08);
  --shadow-md: 0 2px 8px rgba(31, 27, 21, 0.10), 0 1px 2px rgba(31, 27, 21, 0.06);
  --shadow-lg: 0 12px 32px rgba(31, 27, 21, 0.16), 0 2px 6px rgba(31, 27, 21, 0.08);
  --shadow-focus: 0 0 0 3px rgba(192, 152, 96, 0.4);

  /* Signature rule lines — the "truss" motif */
  --rule-gold: 3px solid var(--gold-500);
  --rule-hairline: 1px solid var(--border-default);

  --ease-standard: cubic-bezier(0.2, 0, 0, 1); /* @kind other */
  --duration-fast: 120ms; /* @kind other */
  --duration-base: 200ms; /* @kind other */
}