/* FaithTrace — colors. iOS 26 system palette + three accent directions.
   Put data-theme and data-accent on the SAME element (e.g. the app root). Default: light + graphite. */
:root{
--dd-white:#FFFFFF;--dd-black:#000000;
--dd-gray-1:#8E8E93;--dd-gray-2:#AEAEB2;--dd-gray-3:#C7C7CC;--dd-gray-4:#D1D1D6;--dd-gray-5:#E5E5EA;--dd-gray-6:#F2F2F7;
--dd-red:#FF3B30;--dd-orange:#FF9500;--dd-green:#34C759;--dd-blue:#007AFF;
--dd-graphite:#1C1C1E;--dd-indigo:#5856D6;--dd-clay:#B4532A;
--surface-base:#FFFFFF;--surface-grouped:#F2F2F7;--surface-card:#FFFFFF;--surface-elevated:#FFFFFF;--surface-pressed:#E5E5EA;
--fill-subtle:rgba(120,120,128,.12);--fill-strong:rgba(120,120,128,.2);--surface-scrim:rgba(0,0,0,.25);
--text-primary:#000000;--text-secondary:rgba(60,60,67,.6);--text-tertiary:rgba(60,60,67,.3);
--separator:rgba(60,60,67,.18);--rail:#D1D1D6;
--glass-bg:rgba(255,255,255,.62);--glass-stroke:rgba(255,255,255,.8);--glass-selected:rgba(0,0,0,.06);
--glass-shadow:0 10px 30px rgba(0,0,0,.10),0 1px 2px rgba(0,0,0,.06),inset 0 1px 0 rgba(255,255,255,.9);
--accent:#1C1C1E;--accent-pressed:#3A3A3C;--on-accent:#FFFFFF;--tile-bg:#E9E9EE;--tile-fg:#1C1C1E;
--link:#007AFF;--favorite:#FF3B30;--success:#34C759;--warning:#FF9500;--danger:#FF3B30;
}
[data-theme="dark"]{
--surface-base:#000000;--surface-grouped:#000000;--surface-card:#1C1C1E;--surface-elevated:#2C2C2E;--surface-pressed:#3A3A3C;
--fill-subtle:rgba(120,120,128,.24);--fill-strong:rgba(120,120,128,.36);--surface-scrim:rgba(0,0,0,.5);
--text-primary:#FFFFFF;--text-secondary:rgba(235,235,245,.6);--text-tertiary:rgba(235,235,245,.3);
--separator:rgba(84,84,88,.55);--rail:#3A3A3C;
--glass-bg:rgba(44,44,48,.58);--glass-stroke:rgba(255,255,255,.12);--glass-selected:rgba(255,255,255,.12);
--glass-shadow:0 10px 30px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.1);
--accent:#F2F2F7;--accent-pressed:#D1D1D6;--on-accent:#000000;--tile-bg:#2C2C2E;--tile-fg:#F2F2F7;
--link:#0A84FF;--favorite:#FF453A;--success:#30D158;--warning:#FF9F0A;--danger:#FF453A;
}
/* A · Graphite — neutral tile, ink symbol */
[data-accent="graphite"]{--accent:#1C1C1E;--accent-pressed:#3A3A3C;--on-accent:#FFFFFF;--tile-bg:#E9E9EE;--tile-fg:#1C1C1E}
[data-theme="dark"][data-accent="graphite"]{--accent:#F2F2F7;--accent-pressed:#D1D1D6;--on-accent:#000000;--tile-bg:#2C2C2E;--tile-fg:#F2F2F7}
/* B · Indigo — soft tinted tile, indigo symbol */
[data-accent="indigo"]{--accent:#5856D6;--accent-pressed:#4745B8;--on-accent:#FFFFFF;--tile-bg:rgba(88,86,214,.12);--tile-fg:#5856D6}
[data-theme="dark"][data-accent="indigo"]{--accent:#7D7AFF;--accent-pressed:#6B68F0;--on-accent:#FFFFFF;--tile-bg:rgba(125,122,255,.2);--tile-fg:#A5A3FF}
/* C · Clay — solid tile, white symbol */
[data-accent="clay"]{--accent:#B4532A;--accent-pressed:#974421;--on-accent:#FFFFFF;--tile-bg:#B4532A;--tile-fg:#FFFFFF}
[data-theme="dark"][data-accent="clay"]{--accent:#E07A4F;--accent-pressed:#C9683F;--on-accent:#000000;--tile-bg:#C9683F;--tile-fg:#FFFFFF}