/* dilmi.ch — design tokens
   Drop this into any project to inherit the brand. */

:root {
  /* ─── Brand colors (hex / oklch) ─── */
  --dilmi-ink:        #0e0e11;   /* oklch(0.16 0.005 270) — primary text / dark surfaces */
  --dilmi-paper:      #ffffff;   /* primary background */
  --dilmi-surface:    #f4f4f1;   /* very subtle warm gray (canvas / page bg) */
  --dilmi-border:     #ececec;   /* hairline divider */
  --dilmi-muted:      #6a6a72;   /* secondary text */
  --dilmi-faint:      #a4a4ab;   /* tertiary / labels */
  --dilmi-whisper:    #c8c8cc;   /* separators · dots */

  /* ─── Brand gradient stops (use 160° angle) ─── */
  --dilmi-green:      #81ee96;
  --dilmi-cyan:       #34c8ff;
  --dilmi-blue:       #009aff;

  --dilmi-gradient:   linear-gradient(160deg, #81ee96 0%, #34c8ff 55%, #009aff 100%);
  --dilmi-gradient-fallback: #34c8ff;

  /* ─── Type ─── */
  --dilmi-font-sans:  'DM Sans', system-ui, -apple-system, 'Segoe UI', Helvetica, Arial, sans-serif;
  --dilmi-font-mono:  'DM Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;

  /* ─── Scale ─── */
  --dilmi-radius-sm:  6px;
  --dilmi-radius-md:  12px;
  --dilmi-radius-lg:  20px;
  --dilmi-radius-pill: 999px;
}