/* dodaSPORTS — color tokens
   Blue-forward, matching the 2026 campaign site: doda NAVY + SKY/cyan on a cool
   light-blue ground, white surfaces. Coral is a MINOR warm accent (heat/alerts only). */
:root{
  /* ===== Brand — NAVY (doda blue, primary) ===== */
  --navy-50:#EEF1F8;
  --navy-100:#D9DEEE;
  --navy-200:#AAB4D3;
  --navy-300:#7A87B4;
  --navy-400:#4C5B90;
  --navy-500:#2E3E77;   /* hover */
  --navy-600:#1F2C5C;   /* canonical brand — headers text, primary CTAs, deep fills */
  --navy-700:#182449;
  --navy-800:#111A36;   /* pressed */
  --navy-900:#0B1226;

  /* ===== Brand — SKY (cyan accent) ===== */
  --sky-100:#E7F4FB;
  --sky-200:#BCE4F6;
  --sky-300:#66CBEE;
  --sky-400:#2FB9E9;
  --sky-500:#00A8E3;   /* canonical accent — links, highlights, secondary CTA */
  --sky-600:#0089BD;
  --sky-700:#0A6C93;

  /* ===== Brand — AZURE (mameblog logo blue, PRIMARY) ===== */
  /* --blue-500 sampled directly from the supplied mameblog logo. */
  --blue-50:#EAF3FC;
  --blue-100:#CFE4F8;
  --blue-200:#A2CCF1;
  --blue-300:#63A9E8;
  --blue-400:#2E8CDE;
  --blue-500:#1176D4;   /* mameblog logo blue — the MAIN blue */
  --blue-600:#0E63B4;
  --blue-700:#0B4E8E;
  --blue-800:#08386A;

  /* ===== Coral — minor warm accent (heat / alerts only) ===== */
  --coral-100:#FDE0DC;
  --coral-400:#FF7A6C;
  --coral-500:#F45848;
  --coral-600:#E23B2A;
  --coral-700:#BE2A1B;

  /* ===== CTA / 集客 — in-system SKY (水色); LINE tone neutralized to blue for now ===== */
  --line-500:#06C755;   /* LINE green — real LINE CTA in use */
  --line-600:#05B04B;

  /* ===== Ink & white ===== */
  --ink:#141B2E;        /* cool near-black */
  --white:#FFFFFF;

  /* ===== Cool neutrals (blue-gray) ===== */
  --cool-50:#F5F8FB;
  --cool-100:#EAF0F6;   /* sunken surface / inputs */
  --cool-200:#DCE7EE;   /* page background (light cool blue) */
  --cool-300:#C6D4E0;
  --cool-400:#AAB9C8;
  --cool-500:#7E8E9E;
  --cool-600:#586675;
  --cool-700:#39434F;
  --cool-800:#232B34;
  --cool-900:#141B2E;

  /* ===== Semantic — surfaces ===== */
  --bg-page:var(--cool-200);
  --bg-inverse:var(--navy-600);
  --surface:var(--white);
  --surface-sunken:var(--cool-100);
  --surface-raised:var(--white);
  --surface-brand:var(--navy-600);

  /* ===== Semantic — brand roles ===== */
  --brand:var(--blue-500);           /* mameblog main blue */
  --brand-hover:var(--blue-600);
  --brand-active:var(--blue-700);
  --brand-contrast:var(--white);     /* text/icons on the main blue */
  --accent:var(--sky-500);
  --accent-hover:var(--sky-600);
  --accent-active:var(--sky-700);
  --accent-contrast:var(--white);
  /* conversion / 集客 (primary lead-gen) — in-system sky (水色) + LINE contact */
  --cta:var(--sky-500);
  --cta-hover:var(--sky-600);
  --cta-contrast:var(--white);
  --line:var(--line-500);
  --line-hover:var(--line-600);

  /* ===== Semantic — text ===== */
  --text-primary:var(--ink);
  --text-secondary:var(--cool-700);
  --text-tertiary:var(--cool-600);
  --text-on-brand:var(--white);
  --text-on-inverse:var(--white);
  --text-link:var(--blue-600);
  --text-link-hover:var(--navy-700);

  /* ===== Semantic — lines & focus ===== */
  --border:var(--cool-300);
  --border-subtle:var(--cool-200);
  --border-strong:var(--ink);
  --border-dotted:rgba(20,27,46,.24);  /* signature dotted separators */
  --focus-ring:var(--sky-500);

  /* ===== Status ===== */
  --hot:var(--coral-500);              /* 急上昇 / rising */
  --success:#2FA25B;
  --warning:#E8A400;
  --danger:var(--coral-600);
  --info:var(--sky-500);

  /* ===== doda anchor aliases (kept for existing references) ===== */
  --doda-navy:var(--navy-600);
  --doda-sky:var(--sky-500);
  --doda-sky-600:var(--sky-600);
  --doda-blue-200:var(--blue-200);
  --doda-blue-50:var(--sky-100);
}