/* はままつIT経営設計所 — Color tokens
   Sampled from assets/logo.png (isometric cube: dark / mid / light faces) */
:root {
  /* Base — brand blues */
  --blue-900: #0e2a63;   /* deep ink navy (derived, text on light) */
  --blue-800: #143c8f;
  --blue-700: #1e56c8;   /* logo left face — primary */
  --blue-600: #2f6cd8;
  --blue-500: #4da8e8;   /* logo right face — sky */
  --blue-300: #8cc8f0;   /* logo top face — pale */
  --blue-100: #dcedfa;
  --blue-050: #f0f7fd;

  /* Neutrals — cool, blue-cast */
  --ink-1: #16233d;      /* headings / body strong */
  --ink-2: #43526d;      /* body */
  --ink-3: #7484a0;      /* secondary / captions */
  --ink-4: #aab7cc;      /* placeholders / disabled text */
  --line-1: #d4deea;     /* borders */
  --line-2: #e6edf5;     /* hairlines / dividers */
  --paper-1: #ffffff;    /* cards */
  --paper-2: #f5f9fc;    /* page background */
  --paper-3: #eaf2f9;    /* recessed wells */

  /* Semantic status */
  --ok-600: #1a8a5c;
  --ok-100: #dcf3e8;
  --warn-600: #b06a10;
  --warn-100: #fbeed6;
  --err-600: #c4353f;
  --err-100: #fbe3e5;

  /* Semantic aliases */
  --text-heading: var(--ink-1);
  --text-body: var(--ink-1);
  --text-muted: var(--ink-1);
  --text-on-accent: #ffffff;
  --text-link: var(--blue-700);
  --text-link-hover: var(--blue-800);

  --surface-page: var(--paper-2);
  --surface-card: var(--paper-1);
  --surface-well: var(--paper-3);
  --surface-accent: var(--blue-700);
  --surface-accent-soft: var(--blue-050);
  --surface-deep: var(--blue-900);   /* dark hero / footer */

  --accent: var(--blue-700);
  --accent-hover: var(--blue-800);
  --accent-soft: var(--blue-100);
  --accent-sky: var(--blue-500);
  --accent-pale: var(--blue-300);

  --border-default: var(--line-1);
  --border-strong: var(--ink-4);
  --border-focus: var(--blue-500);
  --focus-ring: 0 0 0 3px rgba(77, 168, 232, 0.35);
}