/* =========================================================================
   One.Connect — Colors & Type Foundation
   家電量販店・ホームセンターの工事案件アライアンス事業
   ========================================================================= */

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600;700;900&family=Noto+Serif+JP:wght@500;700;900&family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;600&display=swap');

:root {
  /* ------------------------------------------------------------------
     BRAND CORE — Navy / Blue / Gold
     ------------------------------------------------------------------ */
  --oc-navy:        #1a3560;
  --oc-navy-900:    #0f2040;
  --oc-navy-800:    #142a52;
  --oc-navy-700:    #1a3560;
  --oc-navy-600:    #244275;
  --oc-navy-500:    #33548a;
  --oc-navy-400:    #6580b0;
  --oc-navy-300:    #9aaecf;
  --oc-navy-200:    #c8d3e6;
  --oc-navy-100:    #e6ecf5;
  --oc-navy-050:    #f3f6fb;

  --oc-blue:        #1a73e8;
  --oc-blue-900:    #0b3f86;
  --oc-blue-800:    #0f57b8;
  --oc-blue-700:    #1565d6;
  --oc-blue-600:    #1a73e8;
  --oc-blue-500:    #3d8bf0;
  --oc-blue-400:    #6ba6f5;
  --oc-blue-300:    #9ec3f9;
  --oc-blue-200:    #c8dcfb;
  --oc-blue-100:    #e6f0fe;
  --oc-blue-050:    #f3f8ff;

  --oc-gold:        #c9a227;
  --oc-gold-900:    #7a611a;
  --oc-gold-800:    #9c811e;
  --oc-gold-700:    #b59123;
  --oc-gold-600:    #c9a227;
  --oc-gold-500:    #d6b34c;
  --oc-gold-400:    #e1c573;
  --oc-gold-300:    #ecd89e;
  --oc-gold-200:    #f4e8c5;
  --oc-gold-100:    #faf3df;
  --oc-gold-050:    #fdfaf0;

  /* NEUTRALS */
  --oc-ink:         #0e1623;
  --oc-gray-900:    #1a2332;
  --oc-gray-800:    #2a3547;
  --oc-gray-700:    #3d4a5e;
  --oc-gray-600:    #5a6a82;
  --oc-gray-500:    #7d8ba3;
  --oc-gray-400:    #a3b0c5;
  --oc-gray-300:    #c8d0de;
  --oc-gray-200:    #e1e6ee;
  --oc-gray-100:    #eef1f6;
  --oc-gray-050:    #f7f9fc;
  --oc-white:       #ffffff;

  /* SEMANTIC */
  --oc-success:     #1f8a4c;
  --oc-warning:     #d97706;
  --oc-danger:      #c62828;

  /* TYPOGRAPHY */
  --font-sans:    "Inter", "Noto Sans JP", "Hiragino Kaku Gothic ProN",
                  "Hiragino Sans", "Yu Gothic UI", "Yu Gothic", Meiryo,
                  system-ui, sans-serif;
  --font-jp:      "Noto Sans JP", "Hiragino Kaku Gothic ProN",
                  "Hiragino Sans", "Yu Gothic UI", "Yu Gothic", Meiryo,
                  sans-serif;
  --font-serif:   "Noto Serif JP", "Hiragino Mincho ProN", "Yu Mincho", serif;
  --font-mono:    "JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --font-num:     "Inter", "Noto Sans JP", system-ui, sans-serif;

  /* MOTION */
  --ease-out:    cubic-bezier(0.22, 1, 0.36, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-fast:    120ms;
  --dur-base:    180ms;
  --dur-slow:    280ms;
}

/* GLOBAL RESET */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; font-family: var(--font-jp); -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
a { text-decoration: none; }
button { font-family: inherit; }
img, svg { display: block; max-width: 100%; }