/* Alternative palette observed on https://auth.playadagio.com/login on 2026-10-14.
   Geometry, typography and behavior are shared with the Wiki-inspired prototype. */
:root[data-theme="auth"] {
  --agui-bg: #040813;
  --agui-header: #060b16;
  --agui-surface: #09101f;
  --agui-surface-subtle: #080e1c;
  --agui-surface-raised: #0a1224;
  --agui-surface-hover: #0e1830;
  --agui-border: rgba(127, 111, 228, .22);
  --agui-border-strong: #ab9eff;
  --agui-text: #f3f5fe;
  --agui-muted: #8c97b5;
  --agui-accent: #a593ff;
  --agui-accent-hover: #b9a9ff;
  --agui-on-accent: #111025;
  --agui-accent-soft: #24203e;
  --agui-primary-bg: #11132f;
  --agui-primary-hover: #1b1b44;
  --agui-primary-text: #f3f5fe;
  --agui-panel-bg: linear-gradient(180deg, #09101e, #060c18);
  --agui-success: #43d69b;
  --agui-success-bg: #0d2b25;
  --agui-warning: #e6b859;
  --agui-warning-bg: #302718;
  --agui-danger: #ef666f;
  --agui-danger-bg: #301922;
  --agui-info: #8ac8ff;
  --agui-info-bg: #132638;
  --agui-disabled-bg: #151a2c;
  --agui-disabled-text: #838ca7;
  --agui-overlay: rgba(2, 4, 11, .82);
  --agui-shadow-popover: 0 24px 70px rgba(0, 0, 0, .42);
}
:root[data-theme="auth"] body.agui {
  background:
    radial-gradient(circle at 50% 0%, rgba(133, 103, 255, .22), transparent 384px),
    radial-gradient(circle at 78% 12%, rgba(90, 72, 205, .22), transparent 512px),
    radial-gradient(circle at 12% 20%, rgba(63, 87, 162, .14), transparent 448px),
    linear-gradient(#050916, #040814 52%, #02050d);
}
:root[data-theme="auth"] .agui-header {
  background: linear-gradient(rgba(6, 11, 22, .96), rgba(4, 9, 18, .92));
}

/* Light alternative: warm paper, graphite ink and a muted blue accent. */
:root[data-theme="paper"] {
  color-scheme: light;
  --agui-bg: #f5f3ef;
  --agui-header: #faf9f6;
  --agui-surface: #ffffff;
  --agui-surface-subtle: #f8f9fa;
  --agui-surface-raised: #edf1f5;
  --agui-surface-hover: #e5eaf0;
  --agui-border: #d9dde2;
  --agui-border-strong: #6c7784;
  --agui-text: #293749;
  --agui-muted: #566373;
  --agui-accent: #365f7d;
  --agui-accent-hover: #294c67;
  --agui-on-accent: #ffffff;
  --agui-accent-soft: #e3eaf0;
  --agui-primary-bg: #365f7d;
  --agui-primary-hover: #294c67;
  --agui-primary-text: #ffffff;
  --agui-panel-bg: #ffffff;
  --agui-success: #326345;
  --agui-success-bg: #e7f2e9;
  --agui-warning: #715013;
  --agui-warning-bg: #fff0d4;
  --agui-danger: #9e4039;
  --agui-danger-bg: #fbe9e5;
  --agui-info: #365f7d;
  --agui-info-bg: #e6eef5;
  --agui-disabled-bg: #e4e7eb;
  --agui-disabled-text: #727c88;
  --agui-overlay: rgba(30, 40, 52, .38);
  --agui-shadow-popover: 0 18px 60px rgba(30, 40, 52, .16);
}

/* Dark graphite and a restrained ice-blue accent. */
:root[data-theme="graphite"] {
  --agui-bg: #0d1117;
  --agui-header: #111720;
  --agui-surface: #161e28;
  --agui-surface-subtle: #121922;
  --agui-surface-raised: #1c2733;
  --agui-surface-hover: #243240;
  --agui-border: #303d4a;
  --agui-border-strong: #8699ab;
  --agui-text: #e9eef3;
  --agui-muted: #a7b6c4;
  --agui-accent: #a5c9dd;
  --agui-accent-hover: #bdddeb;
  --agui-on-accent: #14222c;
  --agui-accent-soft: #243440;
  --agui-primary-bg: #a5c9dd;
  --agui-primary-hover: #bdddeb;
  --agui-primary-text: #14222c;
  --agui-panel-bg: #161e28;
  --agui-success: #add0bb;
  --agui-success-bg: #20352d;
  --agui-warning: #dec69d;
  --agui-warning-bg: #342e22;
  --agui-danger: #e6afa9;
  --agui-danger-bg: #38282a;
  --agui-info: #a5c9dd;
  --agui-info-bg: #243440;
  --agui-disabled-bg: #242c36;
  --agui-disabled-text: #8e9dac;
  --agui-overlay: rgba(5, 10, 16, .8);
  --agui-shadow-popover: 0 24px 70px rgba(0, 0, 0, .4);
}
:root[data-theme="graphite"] body.agui {
  background: radial-gradient(ellipse at 65% 0%, rgba(105, 152, 184, .1), transparent 640px), #0d1117;
}

/* Warm charcoal, copper accents and quiet brown surfaces. */
:root[data-theme="copper"] {
  --agui-bg: #151210;
  --agui-header: #1a1613;
  --agui-surface: #211c18;
  --agui-surface-subtle: #1c1815;
  --agui-surface-raised: #2b241e;
  --agui-surface-hover: #352c24;
  --agui-border: #44382e;
  --agui-border-strong: #a38d78;
  --agui-text: #f0e8df;
  --agui-muted: #bfae9d;
  --agui-accent: #d9ae8a;
  --agui-accent-hover: #ebc5a4;
  --agui-on-accent: #2b1d14;
  --agui-accent-soft: #3a2c21;
  --agui-primary-bg: #d9ae8a;
  --agui-primary-hover: #ebc5a4;
  --agui-primary-text: #2b1d14;
  --agui-panel-bg: #211c18;
  --agui-success: #bacba7;
  --agui-success-bg: #2c3325;
  --agui-warning: #e4c18b;
  --agui-warning-bg: #3b2f1f;
  --agui-danger: #e9aaa0;
  --agui-danger-bg: #3a2522;
  --agui-info: #b0c6cc;
  --agui-info-bg: #273237;
  --agui-disabled-bg: #302820;
  --agui-disabled-text: #a08e7e;
  --agui-overlay: rgba(12, 8, 5, .8);
  --agui-shadow-popover: 0 24px 70px rgba(0, 0, 0, .4);
}
:root[data-theme="copper"] body.agui {
  background: radial-gradient(ellipse at 65% 0%, rgba(187, 125, 76, .1), transparent 640px), #151210;
}

/* Current public Wiki palette, captured 2026-10-18.
   Source values and rules: reference-wiki-live.json. */
:root[data-theme="wiki-live"] {
  --agui-bg: #0a101b;
  --agui-header: #0a101b;
  --agui-surface: #101a2a;
  --agui-surface-subtle: #0a1320;
  --agui-surface-raised: #18263b;
  --agui-surface-hover: #21324a;
  --agui-border: #273449;
  --agui-border-strong: #8393aa;
  --agui-text: #eef0f4;
  --agui-muted: #a7b1c2;
  --agui-accent: #dfb878;
  --agui-accent-hover: #f1c782;
  --agui-on-accent: #171b23;
  --agui-accent-soft: #302c24;
  --agui-primary-bg: #dfb878;
  --agui-primary-hover: #f1c782;
  --agui-primary-text: #171b23;
  --agui-panel-bg: linear-gradient(130deg, #132033, #0f1725);
  --agui-success: #b7cba5;
  --agui-success-bg: #243328;
  --agui-warning: #e3c58c;
  --agui-warning-bg: #352e20;
  --agui-danger: #ffdbdf;
  --agui-danger-bg: #331e27;
  --agui-info: #b1c6df;
  --agui-info-bg: #1e2d42;
  --agui-disabled-bg: #1b2636;
  --agui-disabled-text: #8591a3;
  --agui-overlay: rgba(4, 8, 15, .82);
  --agui-shadow-popover: 0 24px 70px rgba(0, 0, 0, .4);
}
:root[data-theme="wiki-live"] body.agui {
  background: radial-gradient(ellipse at 75% 0, #182841 0, transparent 52%), #0a101b;
}
:root[data-theme="wiki-live"] .agui-header {
  background: transparent;
}
