/* ============================================================
   iSeekBlinds — COLOR TOKENS
   Two-colour brand: warm orange + trustworthy blue, on charcoal ink.
   Pulled directly from the primary logo (#F88838 orange, #3070B0 blue).
   ============================================================ */
:root {
  /* --- Brand: Orange (primary / energy, DIY, CTAs) --- */
  --orange-50:  #fff5ec;
  --orange-100: #ffe6d0;
  --orange-200: #fdcba1;
  --orange-300: #fbac6f;
  --orange-400: #f99a52;
  --orange-500: #f88838;  /* core brand orange (logo) */
  --orange-600: #ec7320;
  --orange-700: #c75c14;
  --orange-800: #9c4815;
  --orange-900: #7d3b15;

  /* --- Brand: Blue (secondary / trust, quality, links) --- */
  --blue-50:  #eef5fb;
  --blue-100: #d6e6f5;
  --blue-200: #aecdea;
  --blue-300: #7eaedb;
  --blue-400: #5290c8;
  --blue-500: #3070b0;  /* core brand blue (logo) */
  --blue-600: #295e96;
  --blue-700: #244e7b;
  --blue-800: #213f60;
  --blue-900: #1c3149;

  /* --- Ink / neutrals (charcoal logo = warm-leaning grey) --- */
  --ink-900: #2c2c30;  /* charcoal — primary text */
  --ink-800: #3d3d42;
  --ink-700: #54545b;
  --ink-600: #6e6e76;
  --ink-500: #8a8a92;  /* muted text */
  --ink-400: #aaaab1;
  --ink-300: #cdcdd2;  /* borders */
  --ink-200: #e4e4e8;  /* hairlines / dividers */
  --ink-100: #f0f0f2;  /* subtle fills */
  --ink-50:  #f8f8f9;  /* page tint */
  --white:   #ffffff;

  /* --- Semantic / status --- */
  --success-50:  #ecf8f0;
  --success-500: #2e9e5b;  /* "Aussie Made", in-stock, confirmations */
  --success-700: #1f7342;
  --warning-50:  #fff6e6;
  --warning-500: #e0a008;  /* limited-time / sale flags */
  --warning-700: #a8780a;
  --danger-50:   #fdeceb;
  --danger-500:  #d8412f;  /* errors, sale price emphasis */
  --danger-700:  #a92c1f;
  --info-500:    var(--blue-500);

  /* ============ SEMANTIC ALIASES ============ */
  --brand-primary:       var(--orange-500);
  --brand-primary-hover: var(--orange-600);
  --brand-primary-press: var(--orange-700);
  --brand-secondary:       var(--blue-500);
  --brand-secondary-hover: var(--blue-600);
  --brand-secondary-press: var(--blue-700);

  --text-strong:  var(--ink-900);
  --text-body:    var(--ink-800);
  --text-muted:   var(--ink-500);
  --text-inverse: var(--white);
  --text-link:    var(--blue-600);
  --text-on-brand: var(--white);

  --surface-page:    var(--ink-50);
  --surface-card:    var(--white);
  --surface-sunken:  var(--ink-100);
  --surface-tint-orange: var(--orange-50);
  --surface-tint-blue:   var(--blue-50);
  --surface-ink:     var(--ink-900);   /* dark footer / sections */

  --border-subtle: var(--ink-200);
  --border-default: var(--ink-300);
  --border-strong: var(--ink-400);
  --focus-ring: var(--blue-400);
}