// _sample-tokens.scss: a Sass partial.
// Free sample from 99helpers.com/file-types/scss
// The leading underscore tells Sass not to compile this file on its own.
// It exists to be loaded by other files, here sample-main.scss.

@use "sass:math";

// 1. Defaults that a file loading this partial may override with `with (...)`.
$brand: #046eff !default;
$font-stack: system-ui, -apple-system, "Segoe UI", sans-serif !default;
$radius: 8px !default;

// 2. A private variable: names starting with - or _ stay inside this file.
$-ratio: 1.25;

// 3. A function and a mixin that other files reach through the namespace.
@function step($n) {
  @return math.pow($-ratio, $n) * 1rem;
}

@mixin focus-ring($tone: $brand) {
  outline: 3px solid $tone;
  outline-offset: 2px;
}