/* Perystyl kit 1.14.2, fichier généré par scripts/build.py : ne pas modifier.
   Thèmes : clair par défaut, data-theme="dark", ou data-theme="system" qui suit le système. */
:root, [data-theme="light"] {
  --ground: #ffffff;
  --surface: #ffffff;
  --sunk: #f4f7fb;
  --raised: #ecf0f7;
  --line: #dfe3ea;
  --line-strong: #858d9a;
  --ink: #112242;
  --ink-2: #384459;
  --muted: #5a6475;
  --entablature: #112242;
  --on-entablature: #ffffff;
  --on-entablature-muted: #b6c1d5;
  --stylobate: #112242;
  --on-stylobate: #ffffff;
  --on-stylobate-muted: #b3bed2;
  --action: #15326a;
  --action-hover: #0c2049;
  --action-soft: #e7effc;
  --on-action: #ffffff;
  --focus: var(--action);
  --scrim: rgba(17,34,66,0.45);
  --success: #0b7643;
  --success-soft: #dff8e6;
  --warning: #9a5a00;
  --warning-soft: #fff2d6;
  --danger: #ba2b2e;
  --danger-soft: #ffeae9;
  --app-sentinel-tile: #ce7600;
  --app-sentinel: #a85300;
  --app-sentinel-soft: #fff0db;
  --app-agora-tile: #007339;
  --app-agora: #007339;
  --app-agora-soft: #e1fbeb;
  --app-scribe-tile: #6b44c4;
  --app-scribe: #6b44c4;
  --app-scribe-soft: #f3f0ff;
  --app-uniflo-tile: #d83d02;
  --app-uniflo: #ca2d00;
  --app-uniflo-soft: #ffece4;
  --app-cards-tile: #9f0043;
  --app-cards: #9f0043;
  --app-cards-soft: #ffeaf1;
  --app-syncs-tile: #037fd9;
  --app-syncs: #006bc4;
  --app-syncs-soft: #e2f6ff;
  --py-surface: var(--surface);
  --py-ink: var(--ink);
  --py-ink-muted: var(--muted);
  --py-accent-agora: var(--app-agora);
  --py-accent-cards: var(--app-cards);
  --py-accent-scribe: var(--app-scribe);
  --py-accent-sentinel: var(--app-sentinel);
  --py-accent-syncs: var(--app-syncs);
  --py-accent-uniflo: var(--app-uniflo);
  --py-accent-perystyl: var(--action);
  --shadow-card: 0 1px 2px rgba(17,34,66,0.06), 0 8px 24px -12px rgba(17,34,66,0.18);
  --shadow-float: 0 2px 4px rgba(17,34,66,0.06), 0 16px 36px -12px rgba(17,34,66,0.28);
}
[data-theme="dark"] {
  --ground: #090e18;
  --surface: #111722;
  --sunk: #050911;
  --raised: #1a212d;
  --line: #272e3b;
  --line-strong: #6d7583;
  --ink: #f0f4f9;
  --ink-2: #cdd3dd;
  --muted: #a2aab8;
  --entablature: #111d36;
  --on-entablature: #f0f4f9;
  --on-entablature-muted: #b2bbcc;
  --stylobate: #04060e;
  --on-stylobate: #e7ebf2;
  --on-stylobate-muted: #a3abb9;
  --action: #c6d8f9;
  --action-hover: #e5efff;
  --action-soft: #1c2a43;
  --on-action: #061431;
  --focus: var(--action);
  --scrim: rgba(0,0,0,0.60);
  --success: #6ad895;
  --success-soft: #122d1d;
  --warning: #f9ba5f;
  --warning-soft: #382409;
  --danger: #fe8a88;
  --danger-soft: #421b1b;
  --app-sentinel-tile: #ce7600;
  --app-sentinel: #d58f37;
  --app-sentinel-soft: #3a2305;
  --app-agora-tile: #007339;
  --app-agora: #4eb07c;
  --app-agora-soft: #0b311e;
  --app-scribe-tile: #6b44c4;
  --app-scribe: #a48ef8;
  --app-scribe-soft: #2a2342;
  --app-uniflo-tile: #d83d02;
  --app-uniflo: #f67a58;
  --app-uniflo-soft: #401e15;
  --app-cards-tile: #9f0043;
  --app-cards: #f67398;
  --app-cards-soft: #3f1c26;
  --app-syncs-tile: #037fd9;
  --app-syncs: #58a3ec;
  --app-syncs-soft: #112a43;
  --py-surface: var(--surface);
  --py-ink: var(--ink);
  --py-ink-muted: var(--muted);
  --py-accent-agora: var(--app-agora);
  --py-accent-cards: var(--app-cards);
  --py-accent-scribe: var(--app-scribe);
  --py-accent-sentinel: var(--app-sentinel);
  --py-accent-syncs: var(--app-syncs);
  --py-accent-uniflo: var(--app-uniflo);
  --py-accent-perystyl: var(--action);
  --shadow-card: 0 1px 2px rgba(0,0,0,0.5), 0 10px 28px -12px rgba(0,0,0,0.7);
  --shadow-float: 0 2px 4px rgba(0,0,0,0.5), 0 18px 40px -10px rgba(0,0,0,0.75);
}
@media (prefers-color-scheme: dark) {
  [data-theme="system"] {
    --ground: #090e18;
    --surface: #111722;
    --sunk: #050911;
    --raised: #1a212d;
    --line: #272e3b;
    --line-strong: #6d7583;
    --ink: #f0f4f9;
    --ink-2: #cdd3dd;
    --muted: #a2aab8;
    --entablature: #111d36;
    --on-entablature: #f0f4f9;
    --on-entablature-muted: #b2bbcc;
    --stylobate: #04060e;
    --on-stylobate: #e7ebf2;
    --on-stylobate-muted: #a3abb9;
    --action: #c6d8f9;
    --action-hover: #e5efff;
    --action-soft: #1c2a43;
    --on-action: #061431;
    --focus: var(--action);
    --scrim: rgba(0,0,0,0.60);
    --success: #6ad895;
    --success-soft: #122d1d;
    --warning: #f9ba5f;
    --warning-soft: #382409;
    --danger: #fe8a88;
    --danger-soft: #421b1b;
    --app-sentinel-tile: #ce7600;
    --app-sentinel: #d58f37;
    --app-sentinel-soft: #3a2305;
    --app-agora-tile: #007339;
    --app-agora: #4eb07c;
    --app-agora-soft: #0b311e;
    --app-scribe-tile: #6b44c4;
    --app-scribe: #a48ef8;
    --app-scribe-soft: #2a2342;
    --app-uniflo-tile: #d83d02;
    --app-uniflo: #f67a58;
    --app-uniflo-soft: #401e15;
    --app-cards-tile: #9f0043;
    --app-cards: #f67398;
    --app-cards-soft: #3f1c26;
    --app-syncs-tile: #037fd9;
    --app-syncs: #58a3ec;
    --app-syncs-soft: #112a43;
    --py-surface: var(--surface);
    --py-ink: var(--ink);
    --py-ink-muted: var(--muted);
    --py-accent-agora: var(--app-agora);
    --py-accent-cards: var(--app-cards);
    --py-accent-scribe: var(--app-scribe);
    --py-accent-sentinel: var(--app-sentinel);
    --py-accent-syncs: var(--app-syncs);
    --py-accent-uniflo: var(--app-uniflo);
    --py-accent-perystyl: var(--action);
    --shadow-card: 0 1px 2px rgba(0,0,0,0.5), 0 10px 28px -12px rgba(0,0,0,0.7);
    --shadow-float: 0 2px 4px rgba(0,0,0,0.5), 0 18px 40px -10px rgba(0,0,0,0.75);
  }
}
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 72px;
  --space-9: 112px;
  --radius-1: 6px;
  --radius-2: 8px;
  --radius-3: 12px;
  --radius-4: 20px;
  --radius-tile: 8px;
  --radius-dot: 999px;
  --entablature-height: 48px;
  --app-rule: 2px;
  --columns: 12;
  --sidebar-width: 232px;
  --switcher-width: 344px;
  --signin-width: 420px;
  --control-height: 36px;
  --tap-target: 44px;
  --tile-l: 48px;
  --tile-m: 32px;
  --tile-s: 24px;
  --tile-xs: 16px;
  --measure: 68ch;
  --content-max: 1200px;
  --breakpoint: 880px;
  --font-display: "Instrument Sans", "Segoe UI", system-ui, sans-serif;
  --font-text: "Instrument Sans", "Segoe UI", system-ui, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, Menlo, monospace;
  --font-email: "Segoe UI", Helvetica, Arial, sans-serif;
}
.display-xl { font-family: var(--font-display); font-size: 56px; line-height: 60px; font-weight: 700; letter-spacing: -0.03em; }
.display-l { font-family: var(--font-display); font-size: 40px; line-height: 46px; font-weight: 700; letter-spacing: -0.025em; }
.title-1 { font-family: var(--font-display); font-size: 30px; line-height: 36px; font-weight: 650; letter-spacing: -0.02em; }
.title-2 { font-family: var(--font-display); font-size: 22px; line-height: 28px; font-weight: 650; letter-spacing: -0.015em; }
.title-3 { font-family: var(--font-display); font-size: 16px; line-height: 22px; font-weight: 600; }
.lead { font-family: var(--font-text); font-size: 19px; line-height: 30px; font-weight: 400; }
.body { font-family: var(--font-text); font-size: 16px; line-height: 26px; font-weight: 400; }
.ui { font-family: var(--font-text); font-size: 14px; line-height: 20px; font-weight: 400; }
.control { font-family: var(--font-text); font-size: 14px; line-height: 20px; font-weight: 600; }
.small { font-family: var(--font-text); font-size: 13px; line-height: 18px; font-weight: 400; }
.eyebrow { font-family: var(--font-text); font-size: 13px; line-height: 18px; font-weight: 600; letter-spacing: 0.08em; }
.label { font-family: var(--font-text); font-size: 12px; line-height: 16px; font-weight: 600; letter-spacing: 0.06em; }
.code { font-family: var(--font-mono); font-size: 13px; line-height: 20px; font-weight: 400; }
.figure { font-family: var(--font-mono); font-size: 14px; line-height: 20px; font-weight: 500; }
.email-title { font-family: var(--font-email); font-size: 22px; line-height: 28px; font-weight: 600; }
.email-body { font-family: var(--font-email); font-size: 15px; line-height: 24px; font-weight: 400; }