/* =====================================================================================================================
   LAND TAX CHECK  —  THE PALETTE

   CUSTOM PROPERTIES ONLY. shared/css/shell.css holds every rule, every layout and every component; this file
   changes what colour the shell comes out, never how it is built.

   A hundred calculators each free to restyle their own buttons is a hundred stylesheets to maintain and a hundred
   chances to ship something broken on mobile. A hundred calculators that are the same well tested layout in
   different colours is one stylesheet and a palette per tool. Adding a rule here is how that stops being true.

   ---------------------------------------------------------------------------------------------------------------
   THE ACCENT: A SLATE BLUE, AND NOT THE GREEN THIS SUBJECT WANTS

   Land tax is about land, and the obvious palette for it is a green one. The shell reserves green for money
   GAINED and red for money LOST, on the figures — so a green accent puts brand-coloured chrome beside
   verdict-coloured results and costs the reader the only cue they have for telling one from the other. On a
   calculator whose whole free result turns jade for a buyer and amber for an owner, that would be expensive.

   So the accent is #3D5A80, a slate blue: distinct from the domain's sapphire, from the aged care teal-blue, from
   the CGT navy and from the Division 296 petrol, and in a family the shell already handles.

   THE ROTATION IS DECLARED HERE rather than left on the shell's defaults. The defaults are the domain's own
   sapphire ramp, and running a slate blue first and then two sapphires reads as confetti rather than as a ramp.
   All three steps below sit inside one walk — slate, teal-blue, cyan-teal — in the same direction the shell's own
   ramp travels.

   Whatever appears in :root appears in [data-theme="dark"], line for line. A variable in one and not the other is
   a variable stuck on the wrong theme.
   ---------------------------------------------------------------------------------------------------------------

   Coded By Claude.
   ===================================================================================================================== */

:root {
    --gold: #3D5A80;
    --gold-bright: #4F76A6;
    --gold-light: #A9C0DC;
    --gold-text: #2E4763;
    --gold-tint: rgba(61, 90, 128, 0.13);
    --gold-tint-line: rgba(61, 90, 128, 0.32);
    --champagne: #E8EEF6;

    --primary: #3D5A80;
    --accent: #3D5A80;
    --accent-cyan: #4F76A6;
    --accent-glow: rgba(61, 90, 128, 0.32);

    /* A sweep across two hues, not one colour lightened and darkened. Every stop clears 4.5:1 against white:
       #2A4160 at 10.4:1, #3D5A80 at 7.0:1 and #2E6B84 at 5.9:1 — ten components put text or an icon on this. */
    --gradient-primary: linear-gradient(115deg, #2A4160 0%, #3D5A80 46%, #2E6B84 100%);
    --gradient-vivid: linear-gradient(115deg, #2E6B84 0%, #3D5A80 46%, #2A4160 100%);

    --border-hover: rgba(61, 90, 128, 0.52);
    --input-focus-glow: rgba(61, 90, 128, 0.18);

    /* THE ACCENT ROTATION. Everything that repeats as siblings — numbered steps, the dashboard cards' icons,
       report section numbers, the progress rail, the section marks — walks this three-step ramp. Step one is
       --gold above; these are steps two and three. Both -text variants clear 4.5:1 on --bg-secondary. */
    --accent-2: #2E6B84;
    --accent-2-bright: #3F87A3;
    --accent-2-text: #1F4E60;
    --accent-2-tint: rgba(46, 107, 132, 0.13);
    --accent-2-line: rgba(46, 107, 132, 0.32);
    --accent-2-glow: rgba(46, 107, 132, 0.32);

    --accent-3: #1F7F92;
    --accent-3-bright: #2FA0B5;
    --accent-3-text: #16606E;
    --accent-3-tint: rgba(31, 127, 146, 0.13);
    --accent-3-line: rgba(31, 127, 146, 0.32);
    --accent-3-glow: rgba(31, 127, 146, 0.32);

    /* THE ORBS: the three soft washes behind every page, and the largest coloured objects on the site. Same ramp,
       and the alphas are the shell's own. Nothing above 0.14 has ever looked right, and the fix for a wash that
       reads too faint is never to make it bigger or add more of them. */
    --ambient-1: rgba(61, 90, 128, 0.10);
    --ambient-2: rgba(46, 107, 132, 0.09);
    --ambient-3: rgba(31, 127, 146, 0.08);

    /* THE TWO FIXED DARK PANELS: the member home's welcome panel (.dash-hero) and page one of the report
       (.rp-cover). LEFT ON THE SHELL'S DEFAULTS ON PURPOSE, AND COMMENTED RATHER THAN DECLARED.

       Those two panels are the only surfaces on the site that are dark in BOTH themes, so their text is a fixed
       near-white literal in shell.css rather than a token. The shell's defaults for them are the domain's navy
       into deep teal-blue, and a slate blue accent sits under that navy without argument — so declaring a copy
       here would only pin values that go stale the day the shell's default moves.

       Uncomment ONLY if the accent above ever moves to something the shell's navy no longer belongs under, and
       then keep every stop DARK, clear 4.5:1 on the lightest stop, use the same accent on both panels, and
       uncomment the identical block in [data-theme="dark"] as well.

    --dash-hero-gradient: linear-gradient(150deg, #08142C 0%, #14417F 46%, #0A4C74 100%);
    --dash-hero-accent: #9CC5FF;

    --rp-cover-gradient: linear-gradient(150deg, #08142C 0%, #14417F 38%, #0A4C74 76%, #071A2E 100%);
    --rp-cover-accent: #9CC5FF;
    */

    /* Chart 1 only, so the report's primary series matches the brand. Charts 2-7 are held in common across every
       calculator on purpose: they are chosen to stay distinguishable from one another and in greyscale, and
       re-picking them per tool would quietly break that. */
    --chart-1: #375377;
}

[data-theme="dark"] {
    --gold: #8FB0DC;
    --gold-bright: #B3CBE9;
    --gold-light: #D2E0F2;
    --gold-text: #B3CBE9;
    --gold-tint: rgba(143, 176, 220, 0.16);
    --gold-tint-line: rgba(143, 176, 220, 0.36);
    --champagne: #E4ECF7;

    --primary: #8FB0DC;
    --accent: #8FB0DC;
    --accent-cyan: #B3CBE9;
    --accent-glow: rgba(143, 176, 220, 0.34);
    --gradient-primary: linear-gradient(115deg, #7396C6 0%, #8FB0DC 46%, #6FC2D6 100%);
    --gradient-vivid: linear-gradient(115deg, #6FC2D6 0%, #8FB0DC 46%, #7396C6 100%);

    --border-hover: rgba(143, 176, 220, 0.52);
    --input-focus-glow: rgba(143, 176, 220, 0.20);

    /* The rotation and the orbs, in dark. Unlike the panel tokens above these DO flip — they sit on the themed
       page surfaces, so they take the luminous end of the ramp the way --gold does. */
    --accent-2: #6FB6CE;
    --accent-2-bright: #96CFE1;
    --accent-2-text: #96CFE1;
    --accent-2-tint: rgba(111, 182, 206, 0.17);
    --accent-2-line: rgba(111, 182, 206, 0.36);
    --accent-2-glow: rgba(111, 182, 206, 0.34);

    --accent-3: #57C8D8;
    --accent-3-bright: #85DCE7;
    --accent-3-text: #85DCE7;
    --accent-3-tint: rgba(87, 200, 216, 0.17);
    --accent-3-line: rgba(87, 200, 216, 0.36);
    --accent-3-glow: rgba(87, 200, 216, 0.34);

    --ambient-1: rgba(143, 176, 220, 0.09);
    --ambient-2: rgba(111, 182, 206, 0.08);
    --ambient-3: rgba(87, 200, 216, 0.07);

    /* The two fixed dark panels. Same values as the light block above, for the reason given there: .dash-hero and
       .rp-cover do not change between themes, so neither do these.

    --dash-hero-gradient: linear-gradient(150deg, #08142C 0%, #14417F 46%, #0A4C74 100%);
    --dash-hero-accent: #9CC5FF;

    --rp-cover-gradient: linear-gradient(150deg, #08142C 0%, #14417F 38%, #0A4C74 76%, #071A2E 100%);
    --rp-cover-accent: #9CC5FF;
    */

    --chart-1: #8FB0DC;
}