/* Brand tokens for nicksinclair.au
   Every colour and font on the site comes from this file.
   Source: Nick Sinclair brand guideline (Neon Blue, Oxford Blue, Charcoal, Anti-flash white, Outfit, Allison). */

:root {
  /* Brand colours */
  --oxford-blue: #0A2540;        /* primary: header, headings, dark sections, featured card */
  --oxford-blue-deep: #061A30;   /* footer */
  --neon-blue: #635BFF;          /* accent: buttons and highlights, white text on top */
  --neon-blue-hover: #4F46E5;    /* button hover */
  --neon-blue-text: #5851F0;     /* small text and links on light backgrounds */
  --neon-blue-on-dark: #B8B4FF;  /* links and accents on Oxford Blue */
  --charcoal: #425466;           /* body text */
  --anti-flash: #F6F9FC;         /* page background */
  --section-alt: #EDF2F8;        /* alternating sections */
  --placeholder-yellow: #FFE14D; /* placeholder highlights only */

  /* Supporting neutrals (derived from the brand colours) */
  --white: #FFFFFF;
  --line: #D9E1EA;               /* borders and dividers on light backgrounds */
  --field-border: #768699;       /* form field borders (3:1 against white and the page background) */
  --line-on-dark: #22395A;       /* dividers on Oxford Blue */
  --text-on-dark: #E6ECF3;       /* body text on Oxford Blue */
  --muted-on-dark: #AEBBCB;      /* small print on Oxford Blue */
  --field-on-dark: #12304F;      /* input background on Oxford Blue */
  --placeholder-ink: #3D3300;    /* text on placeholder yellow */
  --slot-bg: #DFE7F0;            /* empty photo slot background */
  --slot-ink: #425466;           /* empty photo slot label */
  --shadow: 0 16px 40px rgba(10, 37, 64, .10);

  /* Type */
  --font: "Outfit", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --font-script: "Allison", "Brush Script MT", cursive;
  --light: 300;
  --regular: 400;
  --bold: 700;

  /* Shape and spacing */
  --radius: 14px;
  --radius-sm: 10px;
  --pill: 999px;
  --wrap: 1180px;
  --gutter: 28px;
  --section: 96px;
}