/* GENERATED by assets/sync_ds_tokens.py from nullstate-ds 0.6.6 src/styles/tokens.css.
   Do not edit: change the DS and rerun the script. */
:root { --ns-ds-version: "0.6.6"; }
/* nullstate-ds 0.6.3 tokens: Phase Ø colors and type, Black Glass surfaces, Apple radius scale (fleet shell). The version comes from package.json; dist/ is built by `npm run build`. */
:root {
  --ns-crimson: #c8102e;
  --ns-crimson-deep: #960a22;
  --ns-white: #f2f2f2;
  --ns-ink: #111114;
  --ns-bg: #08080b;
  --ns-surface: #0d0d12;
  --ns-line: #1a1a22;
  --ns-line-2: #242430;
  --ns-dim: #666;
  --ns-dim-2: #8a8a94;   /* v4: dim reading text on panels (#666 is decorative only) */
  --ns-dim-raised: #a4a4ae;   /* v0.6.2: dim text on inset wells and selected rows/cards over glass (4.7–5.7:1) */
  --ns-dimmer: #3c3c48;        /* decorative and editorial only: ~1.8:1, never reading text in an app (.ns-app uses --ns-dim-2) */

  /* v0.6.3 interaction states (fleet-shell §3c 24-25): crimson never marks hover, focus, selection or "on" */
  --ns-white-hover: rgba(242, 242, 242, 0.88);    /* cream primary, hover (native: opacity .88) */
  --ns-white-pressed: rgba(242, 242, 242, 0.80);  /* cream primary, pressed (native: opacity .80; Android 80%) */
  --ns-focus: rgba(242, 242, 242, 0.55);          /* the keyboard focus ring in apps: 2px, cream (5.0:1 on --ns-bg) */
  --ns-selection: rgba(242, 242, 242, 0.28);      /* text selection in apps; text stays cream */
  --ns-disabled-fill: #242430;                    /* a disabled filled button: --ns-line-2 fill, --ns-dim label */

  /* v4 surface states */
  --ns-glass: rgba(13, 13, 18, 0.62);
  --ns-glass-solid: rgb(13, 13, 18);   /* v0.6.2: the solid rung is fully opaque (reduce transparency, solid surfaces) */
  --ns-scrim: rgba(8, 8, 11, 0.6);

  /* v0.5 desktop widgets (Black Glass): solid while the desktop has focus, glass when it doesn't */
  --ns-widget-radius: 26px;                    /* Apple's widget corner, measured (not published); native widgets use ContainerRelativeShape */

  /* v0.6 radius scale = Apple macOS 27 (docs/guides/apple-reference.md). Corners are Apple's smooth (60%) curve
     natively; CSS draws circular arcs at the same radius. Nested shapes are concentric: inner = outer - padding. */
  --ns-radius-widget: 26px;     /* desktop widgets, widget-style cards and panels on the void */
  --ns-radius-popover: 20px;    /* popovers, notification-style panels, floating panels, HUDs */
  --ns-radius-window: 16px;     /* windows, sheets, settings */
  --ns-radius-control: 6px;     /* buttons, fields, segmented controls at regular size (kit: mini 4, small 5) */
  --ns-radius-menu: 12px;       /* menus (the system draws them natively) */
  --ns-radius-selection: 8px;   /* sidebar and menu row selection */
  --ns-radius-alert: 26px;      /* alerts (kit) */
  --ns-radius-dock: 15px;       /* reference: the Dock */
  /* window anatomy (kit): unified toolbar 52, compact 40, sidebar 256, traffic lights 14 pt / 23 pt pitch at 18,19 */
  --ns-toolbar-h: 52px;
  --ns-toolbar-compact-h: 40px;
  --ns-sidebar-w: 256px;
  --ns-search-toolbar-h: 36px;  /* search field in a unified toolbar (kit); 24 in the compact toolbar */
  --ns-radius-min: 6px;
  --ns-radius-card: 12px;       /* v0.6.2: cards, grouped settings lists and panels INSIDE a window */
  --ns-radius-popup: 12px;      /* v0.6.2: assumed outer radius of a browser-extension popup frame */
  --ns-radius-art-sm: 8px;      /* artwork up to 64 pt (album art, thumbnails) */
  --ns-radius-art: 12px;        /* artwork above 64 pt */         /* concentric floor: inner = max(outer - padding, 6) */
  /* native Black Glass: the macOS behind-window material is a mid gray (~rgb 126), so the ink wash must be denser
     than the CSS --ns-glass .62 to keep dim text at 4.5:1 (nulltask 0.6.0 measured rgb 33 at .82 over darkAqua) */
  --ns-glass-native: rgba(13, 13, 18, 0.82);
  --ns-radius-chip: 3px;        /* chips and tags (Phase Ø 2–4px rule) */
  --ns-widget-slot: 164px;   /* Apple's Small (Mac); Medium = 2 × 164 + 16 = 344 */
  --ns-widget-gap: 16px;
  --ns-widget-glass: rgba(13, 13, 18, 0.26);   /* the floor; widgetGlassFill() raises it per widget */
  --ns-widget-blur: 22px;
  --ns-widget-saturate: 165%;
  --ns-widget-dim-glass: rgba(242, 242, 242, 0.78);
  --ns-widget-rim-top: 0.62;
  --ns-widget-rim-bottom: 0.40;

  --ns-font-mono: 'Berkeley Mono', 'IBM Plex Mono', ui-monospace, 'SF Mono', Menlo, monospace;
  --ns-font-display: 'Soehne Breit', 'Archivo Variable', 'Archivo', sans-serif;
  --ns-ease: cubic-bezier(0.16, 1, 0.3, 1);
}