/* public/colors/colors-classic.css
   Dialogiq brand palette — four colors: inky navy, dark olive green,
   gray-green, ox blood. Ox blood replaces the old carmine and absorbs
   every red/pink; olive carries "action/active"; gray-green is the quiet
   accent. The --brand-* primitives are defined in style.css :root. */
:root, /* Applied by default if no specific color scheme class on body */
body.color-scheme-classic {
    --primary-color: #1a2a3b;   /* Inky navy (logo background) */
    --secondary-color: #101d2a; /* Darker navy for gradients or secondary elements */
    --accent-color: var(--brand-oxblood);    /* Ox blood — the single red/pink accent */
    --text-color-primary: #26313d;
    --text-color-secondary: #5c6873;
    --background-main: #e1e1db; /* Site background behind the cards */
    --background-card: #f2f2ea; /* Warm parchment ivory — only the cards carry the ivory */
    --background-input: #ffffff;
    --border-color: #dcdad4;
    --border-color-input: #c9ccd1;
    --border-color-input-focus: #1a2a3b;
    --button-text-color: #ffffff;
    --link-color: var(--brand-oxblood);
    --link-color-hover: color-mix(in srgb, var(--brand-oxblood) 80%, black);

    /* Component-specific colors for Classic */
    --auth-logo-opacity-hover: 0.85;
    --auth-button-gradient-start: #1a2a3b;
    --auth-button-gradient-end: #101d2a;
    --auth-button-hover-gradient-start: #14212e;
    --auth-button-hover-gradient-end: #0b1520;
    --chat-student-message-bg: #e8edf3;      /* Pale navy wash */
    --chat-interlocutor-message-bg: #f6f4ee; /* Pale ivory */
    --chat-message-hover-bg: #efe8d8;        /* Quiet parchment highlight on hover */
    --chat-input-border: #1a2a3b;
    --chat-input-border-focus: #1a2a3b;
    --word-count-color: var(--brand-pine);  /* Dark olive green */
    --icon-button-svg-fill: #333a41;
    --icon-button-svg-fill-hover: var(--brand-oxblood);
    --icon-button-mic-recording-fill: var(--brand-oxblood);
    --tooltip-bg: rgba(26,42,59,0.9);
    --tooltip-text-color: #ffffff;
    --error-message-color: var(--brand-oxblood);
    --error-input-border: var(--brand-oxblood);
    --consent-invalid-border: var(--brand-oxblood);
    --consent-invalid-bg: color-mix(in srgb, var(--brand-oxblood) 6%, #ffffff);
    /* Resource affordances (activity link + gate) use a deep, desaturated
       evergreen instead of the vivid pine — keeps "green = proceed" but sits
       quietly with the muted navy/ox-blood/ivory palette. Scoped here so the
       mic/send/word-count pine (--brand-pine) is untouched. */
    --resource-accent: #2f5233;
    --activity-link-color: var(--resource-accent);
    --activity-link-hover-color: color-mix(in srgb, var(--resource-accent) 78%, black);
    --activity-link-hover-bg: color-mix(in srgb, var(--resource-accent) 8%, #ffffff);
    --activity-gate-bg: color-mix(in srgb, var(--resource-accent) 8%, #ffffff);
    --activity-gate-border: var(--resource-accent);
    --activity-gate-text-color: #26313d;
}