/* Sarah Changezi · "Drawn to scale" · design tokens.
   Colours are sampled from her own watercolours (studio apartment, Sem 03) and deepened
   only where text needs the contrast. Day is cartridge paper; night is a cyanotype. */

@font-face{font-family:"Gambetta";src:url(/fonts/Gambetta-Variable.woff2) format("woff2");font-weight:300 700;font-style:normal;font-display:swap}
@font-face{font-family:"Gambetta";src:url(/fonts/Gambetta-VariableItalic.woff2) format("woff2");font-weight:300 700;font-style:italic;font-display:swap}
@font-face{font-family:"Martian Mono";src:url(/fonts/MartianMono-Variable.woff2) format("woff2");font-weight:100 800;font-stretch:75% 112.5%;font-display:swap}

:root{
  /* ground */
  --paper:#F6F2EA;          /* cartridge paper */
  --sheet:#FFFFFF;          /* the drawing sheet her scans sit on */
  --ink:#24201C;            /* graphite */
  --ink-2:#5E574E;          /* secondary text, 6.4:1 */
  --rule:rgba(36,32,28,.16);
  --rule-2:rgba(36,32,28,.32);
  /* sampled from her drawings */
  --coral:#DB6F6C;          /* the sofa, as painted */
  --accent:#B24441;         /* the sofa, deepened for text: 4.95:1 */
  --sage-paint:#7A9574;     /* the dining chairs */
  --sage:#56704F;           /* deepened for text: 4.9:1 */
  --mint:#B6CEB1;           /* the kitchen counter */
  --timber-paint:#C38D7D;   /* the bedroom floor */
  --timber:#8E5A49;         /* deepened: 5.1:1 */
  --peach:#EA9988;          /* the cushion */
  --wash:#D89B96;           /* the tiled floor */
  --wall:#635C58;           /* the wall wash in section */
  /* drawings sit on the paper: multiply on day, cards on blueprint */
  --draw-blend:multiply;
  --card-bg:transparent; --card-shadow:none;

  --serif:"Gambetta",Georgia,"Times New Roman",serif;
  --mono:"Martian Mono",ui-monospace,Menlo,monospace;

  /* fluid type, 360 → 1440 */
  --t-hero:clamp(3.5rem,1.167rem + 10.37vw,10.5rem);
  --t-display:clamp(2.75rem,1.333rem + 6.296vw,7rem);
  --t-h2:clamp(2rem,1.167rem + 3.704vw,4.5rem);
  --t-h3:clamp(1.375rem,1.167rem + .926vw,2rem);
  --t-lead:clamp(1.3125rem,1.167rem + .648vw,1.75rem);
  --t-body:clamp(1.0625rem,1.021rem + .185vw,1.1875rem);
  --t-small:clamp(.875rem,.854rem + .093vw,.9375rem);
  --t-label:clamp(.656rem,.625rem + .139vw,.75rem);

  /* fluid space */
  --s1:4px; --s2:8px; --s3:12px;
  --s4:clamp(16px,.37vw + 14.7px,20px);
  --s5:clamp(24px,1.11vw + 20px,36px);
  --s6:clamp(40px,2.22vw + 32px,64px);
  --s7:clamp(64px,4.44vw + 48px,112px);
  --s8:clamp(96px,8.89vw + 64px,192px);

  /* grid */
  --margin:clamp(16px,4.4vw,72px);
  --gutter:clamp(12px,1.7vw,28px);
  --max:1680px;
  --strip:44px;             /* the title strip */

  /* motion */
  --paper-ease:cubic-bezier(.22,.7,.18,1);
  --settle:cubic-bezier(.3,1.4,.5,1);
  --turn:cubic-bezier(.65,0,.35,1);
  color-scheme:light;
}

/* Blueprint: night is a cyanotype, not the day inverted */
:root[data-theme="blueprint"]{
  --paper:#0F2747; --sheet:#F3EFE6; --ink:#E9EEF4; --ink-2:#AEBCCD;
  --rule:rgba(233,238,244,.17); --rule-2:rgba(233,238,244,.32);
  --accent:#F2A5A0; --sage:#A9C9A3; --timber:#E1B7A9;
  --draw-blend:normal; --card-bg:#F3EFE6; --card-shadow:0 1px 0 rgba(0,0,0,.25),0 18px 40px -22px rgba(0,0,0,.6);
  color-scheme:dark;
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="day"]){
    --paper:#0F2747; --sheet:#F3EFE6; --ink:#E9EEF4; --ink-2:#AEBCCD;
    --rule:rgba(233,238,244,.17); --rule-2:rgba(233,238,244,.32);
    --accent:#F2A5A0; --sage:#A9C9A3; --timber:#E1B7A9;
    --draw-blend:normal; --card-bg:#F3EFE6; --card-shadow:0 1px 0 rgba(0,0,0,.25),0 18px 40px -22px rgba(0,0,0,.6);
    color-scheme:dark;
  }
}