:root{
  --bg: #0f1113;
  --paper: #111417;
  --card: #14181c;
  --card2: #12161a;
  --ink: #f2f5f7;
  --muted: rgba(242,245,247,.72);
  --faint: rgba(242,245,247,.14);
  --line: rgba(242,245,247,.10);

  --accent: #ffffff;
  --danger: #ff3b30;

  --radius: 18px;
  --radius2: 26px;

  --shadow: 0 16px 50px rgba(0,0,0,.45);

  --pad: 16px;
  --pad2: 22px;

  --font: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial;
  --fontDisplay: ui-rounded, "SF Pro Rounded", "Avenir Next", "Arial Rounded MT Bold", "Trebuchet MS", system-ui;
  --fontMeta: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;

  /* Opacity layers (shared)
     - UI elements: 1.0
     - Decor accents: ~0.5
     - Subtle FX: ~0.14
     - Extra subtle FX: ~0.08 */
  --layer-ui: 1;
  --layer-decor: .52;
  --layer-fx: .14;
  --layer-fx2: .08;
}