/* Shared form language for every dialog, drawer, sheet, and sign-in card.
   Each form stylesheet keeps its own class names but takes every colour, radius,
   font, and size from these tokens, so a change here reaches all of them.
   Modern forms share the tree’s dark panels, blue accents, and sans-serif UI.
   The classic (parchment) theme overrides the same tokens at the bottom. */
:root{
  --form-accent:var(--blue,#7da9ff);
  --form-accent-rgb:125,169,255;
  --form-accent-text:#b4cdff;
  --form-accent-ink:#081222;
  --form-accent-soft:rgba(125,169,255,.12);
  --form-accent-line:rgba(125,169,255,.34);
  --form-mother:var(--rose,#df91ac);
  --form-father:var(--blue,#7da9ff);
  --form-accent-strong:rgba(125,169,255,.62);

  --form-display-font:var(--form-ui-font);
  --form-ui-font:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;

  --form-scrim:rgba(2,5,9,.76);
  --form-scrim-blur:12px;
  --form-panel-bg:var(--panel,#0d1118);
  --form-panel-line:var(--line-strong,rgba(255,255,255,.18));
  --form-panel-radius:22px;
  --form-panel-shadow:var(--shadow,0 24px 70px rgba(0,0,0,.46));
  --form-header-bg:transparent;
  --form-body-bg:transparent;
  --form-footer-bg:rgba(7,10,15,.9);
  --form-divider:rgba(255,255,255,.09);
  --form-drawer-bg:var(--panel,#0d1118);
  --form-drawer-line:rgba(125,169,255,.22);
  --form-drawer-shadow:-28px 0 80px rgba(0,0,0,.55);
  --form-card-bg:rgba(255,255,255,.03);
  --form-card-line:rgba(255,255,255,.09);
  --form-card-radius:14px;

  --form-kicker:var(--form-accent);
  --form-title:var(--ink,#f4f6f8);
  --form-subtitle:#99a4b2;
  --form-ink:#eef2f7;
  --form-muted:var(--muted,#8e98a8);
  --form-label:#c9d0d9;
  --form-hint:#9aa8bb;
  --form-help:#a0aec0;
  --form-error:#ff9fa8;
  --form-error-line:rgba(221,102,102,.3);
  --form-error-bg:rgba(221,102,102,.08);
  --form-success:var(--green,#78c7a0);
  --form-success-line:rgba(120,199,160,.3);
  --form-success-bg:rgba(120,199,160,.08);

  --field-bg:rgba(255,255,255,.045);
  --field-line:rgba(255,255,255,.12);
  --field-radius:11px;
  --field-ink:#f0f3f7;
  --field-placeholder:#8f9cb0;
  --field-min-height:46px;
  --field-font:500 14px/1.45 var(--form-ui-font);
  --field-focus-line:var(--form-accent);
  --field-focus-ring:rgba(125,169,255,.22);
  --field-readonly-bg:rgba(255,255,255,.025);
  --field-readonly-ink:#8e98a8;
  --field-option-bg:#121822;

  --btn-radius:11px;
  --btn-min-height:44px;
  --btn-font:750 12px/1 var(--form-ui-font);
  --btn-secondary-bg:rgba(255,255,255,.04);
  --btn-secondary-line:rgba(255,255,255,.13);
  --btn-secondary-ink:#aeb7c3;
  --btn-secondary-hover-bg:rgba(255,255,255,.08);
  --btn-primary-bg:var(--form-accent);
  --btn-primary-line:#a5c3ff;
  --btn-primary-ink:#081222;
  --btn-primary-hover-bg:#a5c3ff;
  --btn-outline-bg:rgba(125,169,255,.1);
  --btn-outline-line:rgba(125,169,255,.34);
  --btn-outline-ink:#b4cdff;
  --btn-outline-hover-bg:rgba(125,169,255,.17);
  --btn-danger-bg:rgba(221,102,102,.07);
  --btn-danger-line:rgba(221,102,102,.25);
  --btn-danger-ink:#e49a9a;
  --btn-danger-hover-bg:rgba(221,102,102,.14);

  --chip-bg:rgba(125,169,255,.1);
  --chip-line:rgba(125,169,255,.26);
  --chip-ink:#b4cdff;
  --chip-radius:999px;

  --toast-bg:rgba(19,24,32,.96);
  --toast-line:rgba(125,169,255,.28);
  --toast-ink:#d2e1ff;
  --toast-radius:12px;
  --toast-shadow:0 16px 45px rgba(0,0,0,.4);
  --toast-error-bg:#251416;
  --toast-error-line:rgba(221,102,102,.3);
  --toast-error-ink:#efc0c0;
}

body.classic-tree-mode{
  --form-accent:#765428;
  --form-mother:#704b25;
  --form-father:#704b25;
  --form-accent-rgb:118,84,40;
  --form-accent-text:#704b25;
  --form-accent-ink:#f5e4c2;
  --form-accent-soft:rgba(118,84,40,.08);
  --form-accent-line:rgba(118,84,40,.42);
  --form-accent-strong:#765428;

  --form-display-font:var(--classic-display-font,Georgia,serif);
  --form-ui-font:var(--classic-display-font,Georgia,serif);

  --form-scrim:rgba(45,30,17,.68);
  --form-scrim-blur:4px;
  --form-panel-bg:linear-gradient(rgba(255,245,218,.12),rgba(116,77,34,.04)),repeating-linear-gradient(7deg,rgba(92,62,28,.02) 0,rgba(92,62,28,.02) 1px,transparent 1px,transparent 5px) #dbc294;
  --form-panel-line:#563a20;
  --form-panel-radius:2px;
  --form-panel-shadow:0 20px 70px rgba(45,29,13,.5),inset 0 0 0 4px rgba(255,239,204,.22);
  --form-header-bg:rgba(225,201,156,.84);
  --form-body-bg:rgba(239,219,181,.52);
  --form-footer-bg:rgba(215,187,136,.94);
  --form-divider:rgba(82,54,27,.42);
  --form-drawer-bg:linear-gradient(rgba(229,209,165,.96),rgba(218,192,137,.97));
  --form-drawer-line:rgba(71,43,20,.35);
  --form-drawer-shadow:-28px 0 70px rgba(51,30,12,.35);
  --form-card-bg:rgba(255,247,222,.28);
  --form-card-line:rgba(82,51,25,.17);
  --form-card-radius:2px;

  --form-kicker:#704b25;
  --form-title:#302217;
  --form-subtitle:#684f34;
  --form-ink:#302217;
  --form-muted:#6f573e;
  --form-label:#49311b;
  --form-hint:#72583b;
  --form-help:#684f34;
  --form-error:#812f2f;
  --form-error-line:rgba(129,47,47,.4);
  --form-error-bg:rgba(129,47,47,.08);
  --form-success:#4a321d;
  --form-success-line:rgba(118,84,40,.42);
  --form-success-bg:rgba(255,239,204,.35);

  --field-bg:rgba(250,234,201,.78);
  --field-line:#775630;
  --field-radius:1px;
  --field-ink:#302217;
  --field-placeholder:#8a7350;
  --field-focus-line:#4f341b;
  --field-focus-ring:rgba(79,52,27,.22);
  --field-readonly-bg:rgba(250,234,201,.45);
  --field-readonly-ink:#6c543b;
  --field-option-bg:#ead2a4;

  --btn-radius:1px;
  --btn-secondary-bg:transparent;
  --btn-secondary-line:#775630;
  --btn-secondary-ink:#4e351e;
  --btn-secondary-hover-bg:rgba(92,61,29,.08);
  --btn-primary-bg:#654521;
  --btn-primary-line:#4e341b;
  --btn-primary-ink:#f5e4c2;
  --btn-primary-hover-bg:#775431;
  --btn-outline-bg:#c6a467;
  --btn-outline-line:#684720;
  --btn-outline-ink:#2f2115;
  --btn-outline-hover-bg:#d3b478;
  --btn-danger-bg:rgba(129,47,47,.08);
  --btn-danger-line:rgba(129,47,47,.4);
  --btn-danger-ink:#812f2f;
  --btn-danger-hover-bg:rgba(129,47,47,.16);

  --chip-bg:#d9c49b;
  --chip-line:#8a6b46;
  --chip-ink:#352419;
  --chip-radius:2px;

  --toast-bg:#d8bc88;
  --toast-line:#654521;
  --toast-ink:#302217;
  --toast-radius:2px;
  --toast-shadow:0 16px 45px rgba(45,29,13,.35);
  --toast-error-bg:#e2c3b4;
  --toast-error-line:#812f2f;
  --toast-error-ink:#5a1f1f;
}