:root{
    --headerH:72px;

    --primary:#14153f;
    --primary2:#1a1f38;
    --primary-soft:#223066;
    --primary-steel:#2c3e5c;
    --slate-ink:#3a445a;

    --accent:#cf9b32;
    --accent-soft:#f3ead8;
    --accent-line:#dcc188;
    --accent-deep:#b98727;

    --bg:#f6f2e9;
    --surface:#fdfdfb;
    --surface-muted:#f8f4ec;
    --surface-panel:#f3eee3;
    --card:#fdfdfb;

    --text:#1a1a1a;
    --muted:#5d6472;
    --muted-soft:#7b8290;

    --border:#d4d6db;
    --border-strong:#c4c8d0;
    --border-soft:#e7e0d2;

    --ok-bg:#dfe8d8;
    --ok-line:#91a684;
    --ok-text:#223126;
    --warn-bg:#f0dfb2;
    --warn-line:#c79a3f;
    --warn-text:#6b4b0f;
    --danger-bg:#f2dddd;
    --danger-line:#bf8b8b;
    --danger-text:#722525;

    --shadow:0 18px 42px rgba(20,21,63,.08);
    --shadow2:0 10px 24px rgba(20,21,63,.06);
    --shadow-soft:0 4px 12px rgba(20,21,63,.04);

    --nativeMenuBorder:var(--border-strong);
    --nativeHover:var(--primary);
    --nativeHoverText:#ffffff;
  }