/* Dekel Ben Tal — Color system
   Brand is a warm orange over a near-black "topographic" dark, with clean white surfaces
   and a deep navy for text. Orange is the single hero accent; everything else stays neutral. */
:root{
  /* Orange ramp — brand primary */
  --orange-50:#fff4ea;
  --orange-100:#ffe4cc;
  --orange-200:#fccfa5;
  --orange-300:#fcae73;   /* soft hero circle / light halo */
  --orange-400:#f79f52;
  --orange-500:#f28c38;   /* PRIMARY — buttons, accents, active */
  --orange-600:#e37c26;   /* hover */
  --orange-700:#c96a1c;   /* press / deep */
  --orange-clay:#b8492e;  /* terracotta found in the topographic waves */

  /* Neutrals — navy-tinted, from ink to paper */
  --ink-900:#101828;      /* headings on light */
  --ink-800:#1b2333;
  --ink-700:#2b3243;
  --ink-600:#5a6172;      /* body / secondary on light */
  --ink-500:#7a8091;
  --ink-400:#9aa0ae;      /* muted / captions */
  --ink-300:#c8ccd4;
  --ink-200:#e6e8ec;      /* hairline borders */
  --ink-100:#f1f2f4;
  --ink-50:#f7f8fa;       /* tinted page section */
  --white:#ffffff;

  /* Dark surfaces (the black "wave" sections) */
  --dark-bg:#0d0d0d;      /* deepest section background */
  --dark-surface:#171717; /* raised dark panel */
  --dark-card:#202020;    /* card on dark */
  --dark-card-2:#2a2a2a;  /* hovered / lighter dark card */
  --dark-footer:#242424;
  --dark-border:rgba(255,255,255,.08);

  /* On-dark text */
  --on-dark:#ffffff;
  --on-dark-muted:#a6acb8;
  --on-dark-faint:#6f7480;

  /* Semantic aliases ------------------------------------------------ */
  --brand:var(--orange-500);
  --brand-hover:var(--orange-600);
  --brand-press:var(--orange-700);
  --brand-halo:var(--orange-300);

  --page-bg:var(--white);
  --page-bg-tinted:var(--ink-50);
  --surface-card:var(--white);
  --surface-card-dark:var(--dark-card);

  --text-heading:var(--ink-900);
  --text-body:var(--ink-600);
  --text-muted:var(--ink-400);
  --text-on-brand:var(--white);

  --border-hairline:var(--ink-200);
  --border-dark:var(--dark-border);

  --star:var(--orange-500);
  --focus-ring:rgba(242,140,56,.45);
}