/* Graviro color — dark only. Depth comes from stacked surfaces and light, not from
   hairline borders. Moss is the single accent and the only saturated value in the system. */
:root {
  /* --- Brand values --- */
  --graviro-graphite: #121419;
  --graviro-limestone: #F1EEE6;
  --graviro-moss: #819681;
  --graviro-mineral: #A9AAA5;
  --graviro-white: #FFFFFF;

  /* --- Field: five stacked levels, each one step of light --- */
  --void: #08090C;
  --surface-0: #0D0F13;
  --surface-1: #13161B;
  --surface-2: #191D23;
  --surface-3: #21252D;
  --surface-4: #2B3038;

  /* --- Ink --- */
  --ink-1: #F4F2EC;
  --ink-2: #B3B6B0;
  --ink-3: #83867F;
  --ink-4: #5B5E58;
  --ink-inverse: #0D0F13;

  /* --- Moss: the only accent --- */
  --moss-bright: #A6BFA6;
  --moss: #8CA48C;
  --moss-deep: #6B7F6B;
  --moss-wash: rgba(140, 164, 140, 0.12);
  --moss-edge: rgba(140, 164, 140, 0.30);

  /* --- Light as material: sheens, edges, scrims --- */
  --sheen-top: rgba(255, 255, 255, 0.07);
  --sheen-soft: rgba(255, 255, 255, 0.04);
  --edge: rgba(255, 255, 255, 0.06);
  --edge-strong: rgba(255, 255, 255, 0.12);
  --scrim: rgba(8, 9, 12, 0.68);

  /* --- Semantic --- */
  --page: var(--void);
  --panel: var(--surface-1);
  --panel-raised: var(--surface-2);
  --panel-inset: var(--surface-0);
  --text: var(--ink-1);
  --text-muted: var(--ink-2);
  --text-faint: var(--ink-3);
  --accent: var(--moss);
  --accent-hover: var(--moss-bright);
  --focus-ring: var(--moss-bright);

  /* --- Fills used in place of outlines --- */
  --fill-solid: var(--ink-1);
  --fill-solid-hover: var(--graviro-white);
  --fill-quiet: rgba(255, 255, 255, 0.06);
  --fill-quiet-hover: rgba(255, 255, 255, 0.11);
  --fill-accent: var(--moss);
  --fill-accent-hover: var(--moss-bright);
}