/* SPDX-License-Identifier: LicenseRef-PolyForm-Internal-Use-1.0.0 */
/* Copyright (C) 2006-2026 DIY Accounting Limited */

/* Generated by scripts/build-marketing-site.mjs tokens: each site's top-level :root tokens under .brand-<id>. */

/* site: submit */
.brand-submit {
  color-scheme: light;

  --c-canvas: #f6f7f9;
  --c-paper: #ffffff;
  --c-ink: #1b2a41; /* 14.4:1 */
  --c-ink-muted: #4a5568; /* 7.5:1, hints and captions */
  --c-rule: #8a94a6; /* 3.06:1, field and table boundaries */
  --c-rule-subtle: #dfe3ea; /* dividers that carry no meaning */
  --c-brand: #2c5aa0; /* 6.8:1, links and the primary button */
  --c-brand-strong: #1f4680; /* hover and active */
  --c-brand-tint: #e8f0fa;
  --c-on-brand: #ffffff; /* text on a --c-brand fill */
  --c-visited: #5b3f8c;
  --c-ok: #1e6e34;
  --c-ok-tint: #e8f4ec;
  --c-error: #b42318;
  --c-error-tint: #fdecea;
  --c-warn: #7a4a00;
  --c-warn-tint: #fff4d6;
  --c-sandbox-tint: #f6ee8c;
  --c-unavailable-tint: #e4e7ec;
  --c-info: #1d4f91;
  --c-info-tint: #e8f0fa;
  --c-focus: #ffdd00;
  --c-focus-ink: #0b0c0c;
  --c-scrim: rgb(11 12 12 / 0.6);
  --c-scrim-strong: rgb(11 12 12 / 0.92);
  --c-on-scrim: #ffffff;

  /* chart lines: eight colours that stay apart for colour-blind readers, 3:1 or better on paper */
  --chart-1: #0072b2;
  --chart-2: #d55e00;
  --chart-3: #007a5a;
  --chart-4: #7b4fa3;
  --chart-5: #a86a00;
  --chart-6: #2a8ac4;
  --chart-7: #b5487f;
  --chart-8: #5f6b7d;

  --font-text: "Plain Zero", "Atkinson Hyperlegible", "Atkinson Fallback", system-ui, sans-serif;
  --font-figures: "Atkinson Hyperlegible", "Atkinson Fallback", system-ui, sans-serif;
  --font-code: ui-monospace, "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;
  --step--1: 0.875rem; /* captions only, never body */
  --step-0: 1rem;
  --step-1: 1.125rem;
  --step-2: 1.375rem;
  --step-3: 1.75rem;
  --step-4: 2.25rem;
  --weight-text: 400;
  --weight-strong: 700;
  --leading-text: 1.5;
  --leading-head: 1.2;
  --measure: 68ch;

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;

  --radius-control: 4px;
  --radius-card: 8px;
  --radius-cell: 0;
  --control-height: 2.75rem;
  --content-max: 48rem;
  --gutter: var(--space-4);
  --c-print: #ffffff; /* the paper a QR code or merchandise design is printed on */
  --shadow-card: 0 1px 2px rgb(27 42 65 / 0.06);

  /* The header band and the nav below it. The fallback reservation in the
     header uses these, so the band and nav replace it in one step. */
  --band-height: 3.5rem;
  --nav-height: 2.75rem;

  /* focus: yellow halo with an ink ring, visible on paper, canvas and brand */
  --focus-ring: 0 0 0 3px var(--c-focus), 0 0 0 5px var(--c-focus-ink);
}
.brand-submit[data-theme="dark"] {
  color-scheme: dark;

  --c-canvas: #10161f;
  --c-paper: #17202b;
  --c-ink: #e6ebf2; /* 13.7:1 */
  --c-ink-muted: #a9b4c4; /* 7.8:1 */
  --c-rule: #6b778a; /* 3.6:1 */
  --c-rule-subtle: #263241;
  --c-brand: #8fb4ec; /* 7.8:1 */
  --c-brand-strong: #b5cdf3;
  --c-brand-tint: #1e2c40;
  --c-on-brand: #10161f;
  --c-visited: #c3a8ef;
  --c-ok: #6fcf8f;
  --c-ok-tint: #15291d;
  --c-error: #ff8a7a;
  --c-error-tint: #331a17;
  --c-warn: #f2c14e;
  --c-warn-tint: #2e2510;
  --c-sandbox-tint: #4a4512;
  --c-unavailable-tint: #2b323d;
  --c-info: #8fb4ec;
  --c-info-tint: #1e2c40;
  --c-scrim: rgb(0 0 0 / 0.72);
  --shadow-card: none;
}
/* end site: submit */

/* site: spreadsheets */
.brand-spreadsheets {
  /* Brand — teal palette from diyaccounting.co.uk (WCAG 2 AA compliant) */
  --color-brand-primary: #158484;
  --color-brand-primary-dark: #106868;
  --color-brand-primary-light: #29c0c0;

  /* Text */
  --color-text-primary: #292a2a;
  --color-text-secondary: #555;
  --color-text-muted: #737373;
  --color-text-inverse: #fff;

  /* UI */
  --color-background: #f7fafa;
  --color-surface: #fff;
  --color-border: #d5dede;

  /* Focus (WCAG 2.1 AA) */
  --color-focus: #158484;
  --color-focus-ring: rgba(21, 132, 132, 0.3);

  /* Accent (product feature ticks) */
  --color-accent-green: #2e7d32;

  /* Typography */
  --font-family-base: Arial, sans-serif;
  --font-size-base: 1em;
  --font-weight-normal: 400;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --line-height-normal: 1.5;

  /* Spacing */
  --spacing-sm: 0.5em;
  --spacing-md: 1em;
  --spacing-lg: 1.5em;
  --spacing-xl: 2em;

  /* Border Radius */
  --radius-md: 6px;
  --radius-lg: 8px;

  /* Shadows */
  --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.1);
  --shadow-md: 0 2px 10px rgba(0, 0, 0, 0.1);

  /* Layout */
  --max-width-content: 800px;
}
/* end site: spreadsheets */

/* site: diya-gl */
.brand-diya-gl {
  /* Site palette, aliased to the page's semantic names */
  --paper: #f7fafa; /* --color-background */
  --paper-raised: #ffffff; /* --color-surface */
  --ink: #292a2a; /* --color-text-primary */
  --ink-faint: #555555; /* --color-text-secondary */
  --pencil: #666666; /* the site's muted grey, one step darker so it also clears 4.5:1 on the teal tint */
  --rule: #158484; /* --color-brand-primary */
  --rule-dark: #106868;
  --on-rule: #ffffff; /* text on a teal fill */
  --correction: #dc3545; /* submit's error red */
  --tint: #e6f5f5; /* the site's teal tint */
  --rule-faint: #d5dede; /* --color-border */
  --hint: #505a5f; /* submit's hint text */
  --grid-line: #e8eded; /* the background grid */
  --prefix-bg: #f3f2f1; /* the pound-prefix cell */
  --caution: #b54708; /* a warning: advisory, not a failure */
  --caution-on: #ffffff; /* the glyph on a caution marker */
  --caution-text: #8a4b08;
  --caution-tint: #fff7ed;

  --shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  --shadow-md: 0 2px 10px rgba(0, 0, 0, 0.1);
  --focus-ring: 0 0 0 3px rgba(21, 132, 132, 0.3);

  --font-ui: Arial, sans-serif;
  --font-mono: ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;

  --radius: 6px;
  --radius-lg: 8px;
  --topbar-h: 3.25rem;
  --tabstrip-h: 2.5rem;
  --mobile-tabbar-h: 2.6rem;
  --mobile-action-bar-h: 3.4rem;

  color-scheme: light;
}
.brand-diya-gl[data-theme="dark"] {
  --paper: #101919;
  --paper-raised: #182424;
  --ink: #e8efef;
  --ink-faint: #c2cccc;
  --pencil: #93a1a1;
  --rule: #29c0c0;
  --rule-dark: #35d5d5;
  --on-rule: #0c1616;
  --correction: #f1707c;
  --tint: #16302f;
  --rule-faint: #2b3a3a;
  --hint: #9fb0b0;
  --grid-line: #182323;
  --prefix-bg: #223030;
  --caution: #f0a868;
  --caution-on: #1a1207;
  --caution-text: #f0a868;
  --caution-tint: #2a1e0e;
  --shadow: 0 2px 4px rgba(0, 0, 0, 0.45);
  --shadow-md: 0 2px 10px rgba(0, 0, 0, 0.45);
  --focus-ring: 0 0 0 3px rgba(41, 192, 192, 0.35);
  color-scheme: dark;
}
/* end site: diya-gl */

/* site: limited */
.brand-limited {
  /* Brand */
  --color-brand-primary: #2c5aa0;
  --color-brand-primary-dark: #1e3f73;

  /* Text */
  --color-text-primary: #333;
  --color-text-secondary: #666;
  --color-text-muted: #737373;
  --color-text-inverse: #fff;

  /* UI */
  --color-background: #f9f9f9;
  --color-surface: #fff;
  --color-border: #ddd;

  /* Focus (WCAG 2.1 AA) */
  --color-focus: #005ea5;
  --color-focus-ring: rgba(0, 94, 165, 0.3);

  /* Typography */
  --font-family-base: Arial, sans-serif;
  --font-size-base: 1em;
  --font-weight-normal: 400;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --line-height-normal: 1.5;

  /* Spacing */
  --spacing-sm: 0.5em;
  --spacing-md: 1em;
  --spacing-lg: 1.5em;
  --spacing-xl: 2em;

  /* Border Radius */
  --radius-md: 6px;
  --radius-lg: 8px;

  /* Shadows */
  --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.1);
  --shadow-md: 0 2px 10px rgba(0, 0, 0, 0.1);

  /* Layout */
  --max-width-content: 800px;
}
/* end site: limited */