/* =====================================================================
   Daffa Porto — Colors & Typography
   colors_and_type.css

   Fonts are loaded from Google Fonts CDN. All design-system tokens
   are defined here as CSS custom properties and consumed by
   portfolio.css and the preview components.
   ===================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Geist:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Geist+Mono:wght@400;500;600&display=swap');

:root {

  /* ---- Typography ---- */
  --font-sans:  'Geist', -apple-system, BlinkMacSystemFont, 'Inter', system-ui, sans-serif;
  --font-serif: 'Instrument Serif', 'Iowan Old Style', Georgia, serif;
  --font-mono:  'Geist Mono', 'JetBrains Mono', 'SF Mono', Menlo, monospace;

  /* ---- Ink scale (dark text) ---- */
  --ink:   #0E1420;
  --ink-2: #2A3448;
  --ink-3: #5A6880;
  --ink-4: #8A94A8;
  --ink-5: #C4CAD8;

  /* ---- Surface scale ---- */
  --paper: #F7F5F2;
  --card:  #FFFFFF;

  /* ---- Rules / dividers ---- */
  --rule:        rgba(14, 20, 32, 0.08);
  --rule-strong: rgba(14, 20, 32, 0.14);

  /* ---- Signal (orange accent) ---- */
  --signal:      #E8531A;
  --signal-ink:  #C44010;
  --signal-wash: rgba(232, 83, 26, 0.10);

  /* ---- Status palette ---- */
  --ok:   #2DA55E;
  --warn: #E8A030;
  --risk: #E04040;

  /* ---- Info (blue) ---- */
  --info:       #3A7EC4;
  --info-wash:  rgba(58, 126, 196, 0.10);

  /* ---- Easing ---- */
  --ease-out:    cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.45, 0, 0.55, 1);
}